/* EBMind Mail — Elastic tema üzerine ebmind.com tasarım dili.
   Font kendi sunucumuzdan yüklenir (dış servis yok). */

@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('fonts/sora-latin-ext.woff2') format('woff2');
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
  src: url('fonts/sora-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --eb-electric: #efff00;
  --eb-electric-soft: #f7ffb0;
  --eb-ink: #0a0a0a;
  --eb-carbon: #171717;
  --eb-paper: #f8f8f3;
  --eb-mist: #e8e8e2;
  --eb-line: #ecece6;
  --eb-graphite: #66665f;
  --eb-white: #ffffff;
  --eb-radius: 18px;
  --eb-gap: 12px;
  --eb-font: 'Sora', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
}

body, input, select, textarea, button, .btn, .popover, .ui-dialog, .toolbar a, .menu a, .listing li a {
  font-family: var(--eb-font);
}
body { letter-spacing: -0.005em; }

/* =====================================================================
   GİRİŞ EKRANI
   Ölçü sistemi: boşluk 8px tabanlı (8/16/24/32/48), yazı 13/16/20/32/56.
   İki sütun aynı üç satırı paylaşır: üst (logo / bağlantı), orta (başlık /
   form), alt (özellikler / alt bilgi); üst ve alt satırlar hizalıdır.
   ===================================================================== */
body.task-login {
  --eb-pad: 48px;
  background: var(--eb-paper);
  color: var(--eb-ink);
}
body.task-login #layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
  min-height: 100vh;
  padding: 16px;
  box-sizing: border-box;
  background: var(--eb-paper);
}
body.task-login #layout > h1.voice { position: absolute; }

/* ---- Sol: siyah tanıtım kartı ---- */
.eb-hero {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding: var(--eb-pad);
  border-radius: 28px;
  background: var(--eb-ink);
  color: var(--eb-paper);
  isolation: isolate;
}
.eb-hero::before {
  content: '';
  position: absolute;
  right: -25%;
  bottom: -35%;
  width: 90%;
  aspect-ratio: 1;
  background: radial-gradient(closest-side, rgba(239, 255, 0, .18), rgba(239, 255, 0, 0));
  z-index: -1;
}
.eb-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, rgba(255, 255, 255, .035) 1px, transparent 1px) 0 0 / 48px 48px;
  mask-image: radial-gradient(ellipse at 75% 55%, #000 0%, transparent 65%);
  -webkit-mask-image: radial-gradient(ellipse at 75% 55%, #000 0%, transparent 65%);
  z-index: -1;
}

/* üst satır: 32px yükseklik, sağdaki üst satırla aynı */
.eb-hero-top { display: flex; align-items: center; gap: 16px; height: 32px; }
.eb-hero-logo { height: 28px; width: auto; display: block; }
.eb-hero-product {
  padding-left: 16px;
  border-left: 1px solid #3a3a3a;
  font-size: 1rem;
  line-height: 20px;
  font-weight: 500;
  color: #b9b9b0;
}

/* orta: kalan alanda dikey ortalı */
.eb-hero-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 48px 0;
  max-width: 640px;
}
.eb-title {
  margin: 0;
  font-size: clamp(2.5rem, 1.2rem + 2.4vw, 4.25rem);   /* 40 → 68, 1440'ta ~54 */
  line-height: 1.07;
  letter-spacing: -0.04em;
  font-weight: 700;
  text-wrap: balance;
}
.eb-title em { font-style: normal; color: var(--eb-electric); }
.eb-lead {
  margin: 24px 0 0;
  max-width: 460px;
  font-size: clamp(1rem, .9rem + .2vw, 1.125rem);
  line-height: 1.6;
  color: #a3a39b;
}

/* ---- Hareketli sahne: gelen kutusu ----
   4 ileti aynı 12 sn'lik döngüyü 3'er sn arayla izler: üstte belirir (vurgulu),
   aşağı kayar, solarak çıkar. Hareket azaltma tercihinde durağan gösterilir. */
.eb-scene {
  position: relative;
  width: 100%;
  max-width: 440px;
  margin-bottom: 48px;
}
.eb-inbox {
  position: relative;
  padding: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 20px;
  background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
  box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8), inset 0 1px 0 rgba(255, 255, 255, .06);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  animation: eb-float 8s ease-in-out infinite;
}
.eb-inbox-head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 0 4px 12px;
  margin-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, .07);
  font-size: .75rem; letter-spacing: .02em;
  color: #8a8a82;
}
.eb-inbox-head span:first-child { color: var(--eb-paper); font-weight: 600; font-size: .8125rem; }
.eb-inbox-list {
  position: relative;
  height: 216px;               /* 3 satır x 72px */
  overflow: hidden;
  mask-image: linear-gradient(180deg, #000 70%, transparent);
  -webkit-mask-image: linear-gradient(180deg, #000 70%, transparent);
}
.eb-mail {
  position: absolute;
  left: 0; right: 0; top: 0;
  display: flex; align-items: center; gap: 12px;
  height: 64px;
  padding: 0 12px;
  border-radius: 14px;
  background: rgba(255, 255, 255, .035);
  opacity: 0;
  animation: eb-mail-cycle 12s cubic-bezier(.22, .8, .25, 1) infinite;
  will-change: transform, opacity;
}
.eb-mail::before {               /* yeni ileti vurgusu: sol çizgi + hafif parıltı */
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: inset 3px 0 0 var(--eb-electric);
  background: linear-gradient(90deg, rgba(239, 255, 0, .10), transparent 60%);
  opacity: 0;
  animation: eb-mail-new 12s ease infinite;
}
.eb-mail:nth-child(2), .eb-mail:nth-child(2)::before { animation-delay: -9s; }
.eb-mail:nth-child(3), .eb-mail:nth-child(3)::before { animation-delay: -6s; }
.eb-mail:nth-child(4), .eb-mail:nth-child(4)::before { animation-delay: -3s; }

.eb-av {
  flex: none;
  display: grid; place-items: center;
  width: 36px; height: 36px; border-radius: 50%;
  background: #1f1f1f;
  border: 1px solid #2c2c2c;
  font-size: .72rem; font-weight: 700; color: var(--eb-paper);
}
.eb-av { animation: eb-av-new 12s ease infinite; }
.eb-mail:nth-child(2) .eb-av, .eb-mail:nth-child(2) time { animation-delay: -9s; }
.eb-mail:nth-child(3) .eb-av, .eb-mail:nth-child(3) time { animation-delay: -6s; }
.eb-mail:nth-child(4) .eb-av, .eb-mail:nth-child(4) time { animation-delay: -3s; }
@keyframes eb-av-new {
  0%, 4%    { background: #1f1f1f; color: var(--eb-paper); border-color: #2c2c2c; }
  8%, 25%   { background: var(--eb-electric); color: var(--eb-ink); border-color: transparent; }
  31%, 100% { background: #1f1f1f; color: var(--eb-paper); border-color: #2c2c2c; }
}
.eb-mail-txt { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.eb-mail-txt b { font-size: .8125rem; font-weight: 600; color: var(--eb-paper); }
.eb-mail-txt span { font-size: .78rem; color: #8f8f87; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.eb-mail time { flex: none; font-size: .72rem; font-weight: 600; color: var(--eb-electric); opacity: 0; animation: eb-mail-new 12s ease infinite; }

@keyframes eb-mail-cycle {
  0%   { transform: translateY(-24px) scale(.96); opacity: 0; }
  6%   { transform: translateY(0) scale(1); opacity: 1; }
  25%  { transform: translateY(0) scale(1); opacity: 1; }
  31%  { transform: translateY(72px) scale(1); opacity: .9; }
  50%  { transform: translateY(72px) scale(1); opacity: .9; }
  56%  { transform: translateY(144px) scale(.985); opacity: .65; }
  75%  { transform: translateY(144px) scale(.985); opacity: .65; }
  81%  { transform: translateY(216px) scale(.97); opacity: 0; }
  100% { transform: translateY(216px) scale(.97); opacity: 0; }
}
@keyframes eb-mail-new {
  0%, 4%  { opacity: 0; }
  8%      { opacity: 1; }
  25%     { opacity: 1; }
  31%, 100% { opacity: 0; }
}
@keyframes eb-float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-6px); }
}

/* Arka plan: ışıltı yavaşça gezinir, ızgara akar */
.eb-hero::before { animation: eb-glow 14s ease-in-out infinite alternate; }
.eb-hero::after  { animation: eb-grid 30s linear infinite; }
@keyframes eb-glow {
  0%   { transform: translate(0, 0) scale(1); opacity: .9; }
  50%  { transform: translate(-8%, -6%) scale(1.08); opacity: 1; }
  100% { transform: translate(-14%, 2%) scale(.96); opacity: .8; }
}
@keyframes eb-grid {
  from { background-position: 0 0, 0 0; }
  to   { background-position: 0 48px, 48px 0; }
}

/* Giriş animasyonu: sayfa açılırken içerik yumuşakça belirir */
.eb-hero-top, .eb-scene, .eb-title, .eb-lead, .eb-features { animation: eb-rise .7s cubic-bezier(.2, .8, .2, 1) both; }
.eb-scene    { animation-name: eb-rise; animation-delay: .08s; }
.eb-title    { animation-delay: .16s; }
.eb-lead     { animation-delay: .24s; }
.eb-features { animation-delay: .32s; }
.eb-form-main { animation: eb-rise .7s .1s cubic-bezier(.2, .8, .2, 1) both; }
@keyframes eb-rise { from { opacity: 0; transform: translateY(12px); } }
/* sahne kendi yüzme animasyonunu içteki kartta taşır */
.eb-scene { animation-fill-mode: both; }

/* Alçak ekranlarda sahne gizlenir, başlık ortada kalır */
@media (max-height: 820px) { .eb-scene { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .eb-hero::before, .eb-hero::after, .eb-inbox,
  .eb-hero-top, .eb-scene, .eb-title, .eb-lead, .eb-features, .eb-form-main { animation: none !important; }
  .eb-mail, .eb-mail::before { animation: none !important; }
  .eb-mail { opacity: 1; }
  .eb-mail:nth-child(1)::before, .eb-mail:nth-child(1) time { opacity: 1; }
  .eb-av, .eb-mail time { animation: none !important; }
  .eb-mail:nth-child(1) .eb-av { background: var(--eb-electric); color: var(--eb-ink); border-color: transparent; }
  .eb-mail:nth-child(2) { transform: translateY(72px); opacity: .9; }
  .eb-mail:nth-child(3) { transform: translateY(144px); opacity: .65; }
  .eb-mail:nth-child(4) { display: none; }
}

/* alt satır: özellikler */
.eb-features {
  list-style: none;
  margin: 0;
  padding: 24px 0 0;
  border-top: 1px solid #262626;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.eb-features li { display: flex; align-items: flex-start; gap: 12px; min-width: 0; }
.eb-features svg { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--eb-electric); }
.eb-features li > span {
  display: flex; flex-direction: column; gap: 4px; min-width: 0;
  font-size: .8125rem; line-height: 1.4; color: #8a8a82;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.eb-features b { color: var(--eb-paper); font-weight: 600; font-size: .875rem; }

/* ---- Sağ: aynı üç satır ---- */
body.task-login #layout-content {
  display: flex !important;
  flex-direction: column;
  align-items: stretch;
  text-align: left;
  padding: var(--eb-pad);
  background: transparent !important;
  border: 0;
  overflow: visible;
}
body.task-login #layout-content > #logo { display: none; }

.eb-form-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  height: 32px;
}
.eb-form-logo { display: none; height: 24px; width: auto; margin-right: auto; }
.eb-top-link {
  display: inline-flex; align-items: center; gap: 6px;
  height: 32px; padding: 0 14px;
  border: 1px solid var(--eb-mist);
  border-radius: 999px;
  font-size: .8125rem; font-weight: 500;
  color: var(--eb-ink) !important;
  text-decoration: none !important;
  transition: border-color .15s, background .15s;
}
.eb-top-link svg { width: 13px; height: 13px; }
.eb-top-link:hover { border-color: var(--eb-ink); background: var(--eb-white); }

.eb-form-main {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding: 48px 0;
}
.eb-form-head { margin-bottom: 32px; }
.eb-form-title {
  margin: 0;
  font-size: 2rem;            /* 32 */
  line-height: 1.15;
  letter-spacing: -0.035em;
  font-weight: 700;
  color: var(--eb-ink);
}
.eb-form-sub { margin: 8px 0 0; color: var(--eb-graphite); font-size: 1rem; line-height: 1.5; }

body.task-login #login-form {
  position: static !important;
  top: auto !important;
  max-width: none !important;
  width: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}
body.task-login #login-form table,
body.task-login #login-form tbody,
body.task-login #login-form tr,
body.task-login #login-form td { display: block; width: 100%; border: 0; padding: 0; margin: 0; }
body.task-login #login-form tr + tr { margin-top: 16px; }
body.task-login #login-form td.title {
  display: flex !important;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 8px;
  font-size: .8125rem;
  line-height: 20px;
  font-weight: 600;
  color: var(--eb-ink);
}
body.task-login #login-form td.title label { color: var(--eb-ink); margin: 0; }
.eb-forgot-link {
  font-size: .8125rem;
  font-weight: 500;
  color: var(--eb-graphite) !important;
  text-decoration: none !important;
  transition: color .15s;
}
.eb-forgot-link:hover, .eb-forgot-link:focus-visible { color: var(--eb-ink) !important; text-decoration: underline !important; text-decoration-color: var(--eb-electric) !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; outline: 0; }
body.task-login #login-form td.input { position: relative; display: flex !important; }
body.task-login #login-form .input-group-prepend,
body.task-login #login-form .input-group-text { display: none; }
body.task-login #login-form input.form-control {
  flex: 1 1 auto;
  width: 100% !important;
  height: 52px;
  padding: 0 16px;
  border: 1px solid var(--eb-mist);
  border-radius: 12px !important;
  background: var(--eb-white);
  color: var(--eb-ink);
  font-size: 1rem;
  box-shadow: 0 1px 2px rgba(10, 10, 10, .04);
  transition: border-color .15s, box-shadow .15s;
}
body.task-login #login-form input#rcmloginpwd { padding-right: 52px; }
body.task-login #login-form input.form-control::placeholder { color: #aeaea6; }
body.task-login #login-form input.form-control:hover { border-color: #d6d6ce; }
body.task-login #login-form input.form-control:focus {
  border-color: var(--eb-ink);
  box-shadow: 0 0 0 4px rgba(239, 255, 0, .6);
  outline: 0;
}
.eb-eye {
  position: absolute;
  z-index: 5;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px; height: 40px;
  border: 0; border-radius: 8px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2366665f' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / 20px no-repeat;
  cursor: pointer;
}
.eb-eye.is-on {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10 10 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4.1M6.6 6.6A17 17 0 0 0 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6'/%3E%3Cpath d='M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
}
.eb-eye:hover { background-color: var(--eb-paper); }
.eb-eye:focus-visible { outline: 0; box-shadow: 0 0 0 3px rgba(239, 255, 0, .7); }

body.task-login #login-form .formbuttons { margin: 32px 0 0; padding: 0; text-align: left; }
body.task-login #rcmloginsubmit {
  position: relative;
  display: flex; align-items: center; justify-content: space-between;
  width: 100%;
  height: 56px;
  padding: 0 8px 0 24px;
  border: 0;
  border-radius: 999px;
  background: var(--eb-ink);
  color: var(--eb-paper);
  font-size: 1rem; font-weight: 600; letter-spacing: 0; text-transform: none !important;
  transition: background .15s, transform .15s;
}
body.task-login #rcmloginsubmit::after {
  content: '';
  width: 40px; height: 40px; border-radius: 50%;
  background: var(--eb-electric) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a0a0a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat;
  transition: transform .2s;
}
body.task-login #rcmloginsubmit:hover { background: var(--eb-carbon); }
body.task-login #rcmloginsubmit:hover::after { transform: translateX(3px); }
body.task-login #rcmloginsubmit:active { transform: scale(.99); }
body.task-login #rcmloginsubmit:focus-visible { box-shadow: 0 0 0 4px rgba(239, 255, 0, .7); outline: 0; }

/* Elastic'in "Destek isteyin" satırı: Şifremi unuttum ile aynı işi yaptığı için gizli */
body.task-login #login-footer { display: none; }

/* alt satır: soldaki özellik satırıyla aynı çizgide */
.eb-form-foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  padding-top: 24px;
  border-top: 1px solid var(--eb-mist);
  font-size: .8125rem;
  line-height: 20px;
  color: #8f8f87;
}
.eb-secure { display: inline-flex; align-items: center; gap: 6px; }
.eb-secure svg { width: 14px; height: 14px; }

/* Giriş uyarıları: üstte ortada, koyu kart */
body.task-login #messagestack {
  top: 24px; bottom: auto; left: 50%; right: auto;
  transform: translateX(-50%);
  width: auto; max-width: calc(100vw - 32px);
}
body.task-login #messagestack > div {
  display: flex; align-items: center; gap: 10px;
  min-height: 0;
  padding: 12px 18px 12px 14px;
  border: 0;
  border-radius: 999px;
  background: var(--eb-ink);
  color: var(--eb-paper);
  font-size: .875rem; font-weight: 500;
  box-shadow: 0 12px 30px -10px rgba(10, 10, 10, .5);
  opacity: 1;
}
body.task-login #messagestack > div:before {
  position: static;
  width: 22px; height: 22px; line-height: 22px;
  margin: 0; font-size: .8rem;
  text-align: center;
  background: none;
  color: var(--eb-electric) !important;
}
body.task-login #messagestack > div span { padding: 0; }
body.task-login #messagestack > div i.icon, body.task-login #messagestack > div i.icon:before { color: var(--eb-electric) !important; margin: 0; }

/* ---- Şifremi unuttum penceresi ---- */
.eb-modal { position: fixed; inset: 0; z-index: 10000; display: grid; place-items: center; padding: 16px; }
.eb-modal[hidden] { display: none; }
.eb-modal-backdrop { position: absolute; inset: 0; background: rgba(10, 10, 10, .55); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
.eb-modal-card {
  position: relative;
  width: 100%;
  max-width: 440px;
  padding: 32px;
  border-radius: 24px;
  background: var(--eb-white);
  color: var(--eb-ink);
  box-shadow: 0 30px 80px -20px rgba(0, 0, 0, .45);
  animation: eb-pop .18s ease-out;
  box-sizing: border-box;
}
@keyframes eb-pop { from { opacity: 0; transform: translateY(8px) scale(.98); } }
.eb-modal-x {
  position: absolute; top: 16px; right: 16px;
  width: 36px; height: 36px;
  border: 0; border-radius: 10px;
  background: transparent;
  font-size: 1.5rem; line-height: 1; color: var(--eb-graphite);
  cursor: pointer;
}
.eb-modal-x:hover { background: var(--eb-paper); color: var(--eb-ink); }
.eb-modal-icon {
  display: grid; place-items: center;
  width: 48px; height: 48px; margin-bottom: 24px;
  border-radius: 14px;
  background: var(--eb-ink); color: var(--eb-electric);
}
.eb-modal-icon svg { width: 24px; height: 24px; }
.eb-modal-card h3 { margin: 0 0 8px; font-size: 1.25rem; line-height: 1.3; font-weight: 700; letter-spacing: -0.02em; }
.eb-modal-card p { margin: 0 0 16px; color: #4a4a44; font-size: .9375rem; line-height: 1.55; }
.eb-modal-card ol { margin: 0 0 24px; padding-left: 20px; color: #4a4a44; font-size: .875rem; line-height: 1.55; }
.eb-modal-card ol li { margin-bottom: 8px; padding-left: 4px; }
.eb-modal-card ol li::marker { color: var(--eb-ink); font-weight: 700; }
.eb-modal-btn {
  display: flex; align-items: center; justify-content: center;
  height: 52px;
  border-radius: 999px;
  background: var(--eb-ink);
  color: var(--eb-paper) !important;
  font-weight: 600;
  text-decoration: none !important;
}
.eb-modal-btn:hover { background: var(--eb-carbon); color: var(--eb-electric) !important; }
.eb-modal-btn:focus-visible { outline: 0; box-shadow: 0 0 0 4px rgba(239, 255, 0, .7); }
.eb-modal-note { margin: 16px 0 0 !important; text-align: center; font-size: .8125rem !important; color: var(--eb-graphite) !important; }
body.eb-modal-open { overflow: hidden; }

/* ---- Duyarlı düzen ---- */
@media (max-width: 1200px) {
  body.task-login { --eb-pad: 40px; }
  .eb-features { grid-template-columns: 1fr; gap: 16px; }
}
@media (max-width: 960px) {
  body.task-login { --eb-pad: 24px; }
  body.task-login #layout { grid-template-columns: 1fr; gap: 0; padding: 0; }
  .eb-hero { display: none; }
  body.task-login #layout-content { min-height: 100vh; box-sizing: border-box; }
  .eb-form-top { justify-content: space-between; }
  .eb-form-logo { display: block; }
  .eb-form-main { padding: 40px 0; }
  .eb-form-title { font-size: 1.75rem; }
}

/* =====================================================================
   UYGULAMA (giriş sonrası tüm ekranlar)
   Tek renk sistemi: --ui-* değişkenleri açık temada :root'ta, koyu temada
   html.dark-mode'da tanımlanır; bileşenler yalnızca bu değişkenleri kullanır.
   Giriş ekranı (body.task-login) bu bölümden etkilenmez.
   ===================================================================== */
:root {
  --ui-bg: #f3f3ee;          /* uygulama zemini */
  --ui-surface: #ffffff;     /* paneller */
  --ui-surface-2: #f7f7f2;   /* hover, arama kutusu */
  --ui-surface-3: #ededE6;   /* basılı / ikincil */
  --ui-border: #e9e9e3;
  --ui-border-strong: #d9d9d2;
  --ui-text: #0a0a0a;
  --ui-text-2: #4f4f49;
  --ui-text-3: #8b8b84;
  --ui-accent: #efff00;      /* marka sarısı */
  --ui-on-accent: #0a0a0a;
  --ui-primary: #0a0a0a;     /* ana buton */
  --ui-on-primary: #f8f8f3;
  --ui-mark: #0a0a0a;        /* okunmamış noktası, seçili çizgi */
  --ui-selected: #f6fdc2;    /* seçili satır */
  --ui-selected-text: #0a0a0a;
  --ui-folder-sel: #0a0a0a;  /* seçili klasör zemini */
  --ui-folder-sel-text: #f8f8f3;
  --ui-nav: #0a0a0a;         /* sol menü */
  --ui-nav-text: #9c9c94;
  --ui-nav-hover: #1a1a1a;
  --ui-focus: rgba(239, 255, 0, .55);
  --ui-shadow: 0 1px 2px rgba(10, 10, 10, .04), 0 8px 24px -16px rgba(10, 10, 10, .12);
  --ui-pop-shadow: 0 18px 50px -12px rgba(10, 10, 10, .25);
  --ui-radius: 18px;
  --ui-radius-sm: 12px;
}
html.dark-mode {
  --ui-bg: #050505;
  --ui-surface: #0f0f0f;
  --ui-surface-2: #171717;
  --ui-surface-3: #1f1f1f;
  --ui-border: #1f1f1f;
  --ui-border-strong: #2c2c2c;
  --ui-text: #f3f3ee;
  --ui-text-2: #b3b3ab;
  --ui-text-3: #75756e;
  --ui-primary: #efff00;
  --ui-on-primary: #0a0a0a;
  --ui-mark: #efff00;
  --ui-selected: #1d2005;
  --ui-selected-text: #f8f8f3;
  --ui-folder-sel: rgba(239, 255, 0, .12);
  --ui-folder-sel-text: #efff00;
  --ui-nav: #000000;
  --ui-nav-text: #8a8a83;
  --ui-nav-hover: #141414;
  --ui-shadow: 0 0 0 1px #1a1a1a;
  --ui-pop-shadow: 0 18px 50px -12px rgba(0, 0, 0, .8), 0 0 0 1px #262626;
}

/* ---------- Kabuk ---------- */
html.dark-mode body:not(.task-login), body:not(.task-login) { background: var(--ui-bg) !important; color: var(--ui-text); }
body:not(.task-login) #layout { background: var(--ui-bg) !important; }
/* çerçeve içi sayfalar (Elastic 'iframe' sınıfını html'e koyar) */
html.iframe, html.iframe body:not(.task-login), html.iframe.dark-mode body:not(.task-login),
html.iframe body:not(.task-login) #layout-content { background: var(--ui-surface) !important; }

@media (min-width: 769px) {
  body:not(.task-login):not(.iframe) #layout { padding: 12px; gap: 12px; box-sizing: border-box; }
  body:not(.task-login):not(.iframe) #layout > #layout-sidebar,
  body:not(.task-login):not(.iframe) #layout > #layout-list,
  body:not(.task-login):not(.iframe) #layout > #layout-content {
    border: 0 !important;
    border-radius: var(--ui-radius);
    background: var(--ui-surface) !important;
    box-shadow: var(--ui-shadow);
    overflow: hidden;
  }
  body:not(.task-login):not(.iframe) #layout > #layout-menu { border-radius: 22px; overflow: hidden; }
}
body:not(.task-login) #layout-sidebar,
body:not(.task-login) #layout-list,
body:not(.task-login) #layout-content { background: var(--ui-surface) !important; color: var(--ui-text); border-color: var(--ui-border) !important; }
body:not(.task-login) .column-resizer { background: transparent !important; }

/* ---------- Sol menü ---------- */
body:not(.task-login) #layout-menu {
  background: var(--ui-nav) !important;
  border: 0 !important;
}
html.dark-mode body:not(.task-login) #layout-menu { box-shadow: inset 0 0 0 1px #1a1a1a; }
body:not(.task-login) #layout-menu .popover-header { background: transparent !important; }
body:not(.task-login) #layout-menu #logo { max-width: 40px; margin: 10px auto 14px; border-radius: 10px; }
body:not(.task-login) #taskmenu { background: transparent !important; }
body:not(.task-login) #taskmenu a,
body:not(.task-login) #taskmenu .special-buttons a {
  margin: 2px 8px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: transparent !important;
  color: var(--ui-nav-text) !important;
  font-size: .72rem !important;
  font-weight: 500;
  transition: background .15s, color .15s;
}
body:not(.task-login) #taskmenu a:before,
body:not(.task-login) #taskmenu a .inner,
html.dark-mode body:not(.task-login) #taskmenu a .inner { color: inherit !important; font-size: inherit; }
body:not(.task-login) #taskmenu a:hover,
body:not(.task-login) #taskmenu .special-buttons a:hover { background: var(--ui-nav-hover) !important; color: #f3f3ee !important; }
body:not(.task-login) #taskmenu a.selected { background: #1c1c1c !important; color: #efff00 !important; }
body:not(.task-login) #taskmenu .action-buttons a.compose {
  margin-bottom: 12px !important;
  background: #efff00 !important;
  color: #0a0a0a !important;
  font-weight: 600;
}
body:not(.task-login) #taskmenu .action-buttons a.compose:hover { background: #e2f000 !important; }
body:not(.task-login) #taskmenu .special-buttons { background: transparent !important; border: 0 !important; }
body:not(.task-login) #taskmenu .special-buttons a.logout { color: #ff7d6e !important; }

/* ---------- Panel başlıkları ---------- */
body:not(.task-login) #layout-sidebar > .header,
body:not(.task-login) #layout-list > .header,
body:not(.task-login) #layout-content > .header {
  background: var(--ui-surface) !important;
  border-bottom: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) .header .header-title {
  color: var(--ui-text) !important;
  font-weight: 700;
  letter-spacing: -0.02em;
}
body:not(.task-login) #layout-sidebar .header .header-title.username {
  font-size: .8125rem;
  font-weight: 600;
  color: var(--ui-text-2) !important;
}
body:not(.task-login) .header a.button,
body:not(.task-login) .header a.button:before,
body:not(.task-login) .header .toolbar a,
body:not(.task-login) .header .toolbar a:before { color: var(--ui-text) !important; }

/* ---------- Araç çubukları ---------- */
body:not(.task-login) .toolbar a,
body:not(.task-login) .toolbar a.button {
  border-radius: var(--ui-radius-sm) !important;
  color: var(--ui-text) !important;
  background: transparent !important;
  transition: background .15s;
}
body:not(.task-login) .toolbar a .inner { color: var(--ui-text-2); font-size: .72rem; font-weight: 500; }
body:not(.task-login) .toolbar a:hover:not(.disabled) { background: var(--ui-surface-2) !important; }
body:not(.task-login) .toolbar a.disabled,
body:not(.task-login) .toolbar a.disabled:before,
body:not(.task-login) .toolbar a.disabled .inner { color: var(--ui-text-3) !important; opacity: .55; }
body:not(.task-login) .toolbar .dropbutton:after,
body:not(.task-login) a.dropbutton:after { color: var(--ui-text-3) !important; }

/* ---------- Klasör / liste kutuları (posta, ayarlar, kişiler) ---------- */
body:not(.task-login) #layout-sidebar .scroller { padding: 8px 0; }
body:not(.task-login) #layout-sidebar .listing li {
  margin: 1px 8px;
  border: 0 !important;
  border-radius: var(--ui-radius-sm);
  background: transparent !important;
}
body:not(.task-login) #layout-sidebar .listing li a,
body:not(.task-login) #layout-sidebar .listing li > a:before { color: var(--ui-text-2) !important; }
body:not(.task-login) #layout-sidebar .listing li a { border-radius: var(--ui-radius-sm); font-weight: 500; }
body:not(.task-login) #layout-sidebar .listing li:hover { background: var(--ui-surface-2) !important; }
body:not(.task-login) #layout-sidebar .listing li:hover > a { color: var(--ui-text) !important; }
body:not(.task-login) #layout-sidebar .listing li.unread > a { color: var(--ui-text) !important; font-weight: 600; }
body:not(.task-login) #layout-sidebar .listing li.selected,
body:not(.task-login) #layout-sidebar .listing li.selected > a,
body:not(.task-login) #layout-sidebar .listing li.selected > a:hover {
  background: var(--ui-folder-sel) !important;
  color: var(--ui-folder-sel-text) !important;
  font-weight: 600;
}
body:not(.task-login) #layout-sidebar .listing li.selected > a:before { color: #efff00 !important; }
html.dark-mode body:not(.task-login) #layout-sidebar .listing li.selected > a:before { color: #efff00 !important; }
body:not(.task-login) .listing li .unreadcount,
body:not(.task-login) .listing li.selected .unreadcount {
  min-width: 22px;
  padding: 0 7px;
  border-radius: 999px;
  background: #efff00 !important;
  color: #0a0a0a !important;
  font-size: .72rem;
  font-weight: 700;
  text-align: center;
}
body:not(.task-login) .treelist div.treetoggle { color: var(--ui-text-3) !important; }

/* alt bilgi: kota */
body:not(.task-login) .footer,
body:not(.task-login) #layout-sidebar .footer,
body:not(.task-login) #layout-list .footer {
  background: var(--ui-surface) !important;
  border-top: 1px solid var(--ui-border) !important;
  color: var(--ui-text-3) !important;
}
body:not(.task-login) .quota-widget .bar { background: var(--ui-surface-3) !important; border: 0 !important; border-radius: 999px; height: 6px; }
body:not(.task-login) .quota-widget .value { background: var(--ui-mark) !important; border-radius: 999px; }
body:not(.task-login) .quota-widget .count { color: var(--ui-text-3) !important; }
body:not(.task-login) .pagenav a, body:not(.task-login) .pagenav a:before, body:not(.task-login) .pagenav .pagenav-text { color: var(--ui-text-2) !important; }
body:not(.task-login) .pagenav a.disabled:before { color: var(--ui-text-3) !important; opacity: .5; }
body:not(.task-login) .pagenav input.rcpagejumper { background: var(--ui-surface-2) !important; border: 1px solid var(--ui-border) !important; color: var(--ui-text) !important; border-radius: 999px !important; }

/* ---------- Arama ---------- */
body:not(.task-login) .searchbar {
  margin: 8px 12px;
  border: 1px solid transparent;
  border-radius: 999px;
  background: var(--ui-surface-2) !important;
  transition: border-color .15s, background .15s;
}
body:not(.task-login) .searchbar:focus-within { border-color: var(--ui-text); background: var(--ui-surface) !important; box-shadow: 0 0 0 3px var(--ui-focus); }
body:not(.task-login) .searchbar input,
body:not(.task-login) .searchbar input.form-control {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) .searchbar input::placeholder { color: var(--ui-text-3); }
body:not(.task-login) .searchbar a.button:before,
body:not(.task-login) .searchbar .button { color: var(--ui-text-3) !important; background: transparent !important; }

/* ---------- Kayıt tabloları (iletiler, ayar bölümleri, kişiler) ---------- */
body:not(.task-login) table.listing { background: transparent !important; }
body:not(.task-login) table.listing tr,
body:not(.task-login) table.listing tr td {
  background: transparent !important;
  border-color: var(--ui-border) !important;
  color: var(--ui-text-2) !important;
}
body:not(.task-login) table.listing tr td { border-bottom: 1px solid var(--ui-border) !important; }
body:not(.task-login) table.listing tr td a,
body:not(.task-login) table.listing tr td span { color: inherit; }
body:not(.task-login) #layout table.listing tbody tr:hover > td { background: var(--ui-surface-2) !important; }
body:not(.task-login) #layout table.listing tbody tr.selected > td,
body:not(.task-login) #layout table.listing tbody tr.focused.selected > td,
body:not(.task-login) #layout table.listing tbody tr.selected:hover > td,
html.dark-mode body:not(.task-login) #layout table.listing tbody tr.selected > td {
  background: var(--ui-selected) !important;
  color: var(--ui-selected-text) !important;
}
body:not(.task-login) #layout table.listing tbody tr.selected > td:first-child { box-shadow: inset 3px 0 0 var(--ui-mark); }
body:not(.task-login) #layout table.listing tbody tr.selected > td,
body:not(.task-login) #layout table.listing tbody tr.selected > td * { color: var(--ui-selected-text) !important; }
body:not(.task-login) #layout table.listing tbody tr.selected > td span.date { color: var(--ui-text-2) !important; }
body:not(.task-login) table.listing tbody tr.focused td { outline: 0 !important; }
body:not(.task-login) table.listing td:before,
body:not(.task-login) table.listing td a:before { color: var(--ui-text-3) !important; }
body:not(.task-login) table.listing tbody tr.selected td:before,
body:not(.task-login) table.listing tbody tr.selected td a:before { color: var(--ui-selected-text) !important; }

/* ileti listesi */
body:not(.task-login) table.messagelist td.subject { padding-top: 10px !important; padding-bottom: 10px !important; }
body:not(.task-login) table.messagelist span.fromto { color: var(--ui-text-2) !important; font-weight: 500; font-size: .8125rem; }
body:not(.task-login) table.messagelist span.date { color: var(--ui-text-3) !important; font-size: .75rem; font-variant-numeric: tabular-nums; }
body:not(.task-login) table.messagelist span.subject,
body:not(.task-login) table.messagelist span.subject a { color: var(--ui-text-2) !important; font-size: .875rem; }
body:not(.task-login) table.messagelist tr.unread span.fromto,
body:not(.task-login) table.messagelist tr.unread span.subject,
body:not(.task-login) table.messagelist tr.unread span.subject a { color: var(--ui-text) !important; font-weight: 700; }
body:not(.task-login) table.messagelist span.msgicon.status:before {
  content: '' !important;
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: transparent;
  vertical-align: middle;
}
body:not(.task-login) table.messagelist tr.unread span.msgicon.status:before { background: var(--ui-mark); }
body:not(.task-login) table.messagelist tr.selected span,
body:not(.task-login) table.messagelist tr.selected span a { color: var(--ui-selected-text) !important; }
body:not(.task-login) table.messagelist tr.selected span.date { color: var(--ui-text-2) !important; }
body:not(.task-login) table.messagelist span.flag span.flagged:before,
body:not(.task-login) table.messagelist tr.flagged span.subject a { color: #ff7d6e !important; }
/* satır üzerindeki hızlı işlem kutusu */
body:not(.task-login) table.messagelist td.flags,
body:not(.task-login) table.messagelist tr:hover td.flags { background: transparent !important; }
body:not(.task-login) table.messagelist td.flags span.flags,
body:not(.task-login) table.messagelist tr td.flags .flag,
body:not(.task-login) .messagelist span.size { color: var(--ui-text-3) !important; }

/* ---------- Açılır menüler ve diyaloglar ---------- */
body:not(.task-login) .popover {
  background: var(--ui-surface) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--ui-pop-shadow) !important;
  color: var(--ui-text);
}
body:not(.task-login) .popover .arrow { display: none; }
body:not(.task-login) .popover-body { padding: 6px; }
body:not(.task-login) .popover .menu.listing li a,
body:not(.task-login) .popover .listing li a,
body:not(.task-login) .popover .menu a {
  border-radius: 10px;
  color: var(--ui-text) !important;
  font-size: .875rem;
}
body:not(.task-login) .popover .menu a:before { color: var(--ui-text-2) !important; }
body:not(.task-login) .popover .menu a:hover:not(.disabled),
body:not(.task-login) .popover .listing li a:hover:not(.disabled) { background: var(--ui-surface-2) !important; }
body:not(.task-login) .popover .menu a.disabled,
body:not(.task-login) .popover .menu a.disabled:before { color: var(--ui-text-3) !important; opacity: .55; }
body:not(.task-login) .popover .popover-header { background: var(--ui-surface) !important; color: var(--ui-text) !important; border-color: var(--ui-border) !important; }

body:not(.task-login) .ui-dialog,
body:not(.task-login) .modal-content {
  background: var(--ui-surface) !important;
  color: var(--ui-text) !important;
  border: 1px solid var(--ui-border) !important;
  border-radius: 20px !important;
  box-shadow: var(--ui-pop-shadow) !important;
  overflow: hidden;
}
body:not(.task-login) .ui-dialog .ui-dialog-titlebar,
body:not(.task-login) .modal-header {
  background: var(--ui-surface) !important;
  border-bottom: 1px solid var(--ui-border) !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) .ui-dialog .ui-dialog-title { font-weight: 700; letter-spacing: -0.01em; }
body:not(.task-login) .ui-dialog .ui-dialog-content { background: var(--ui-surface) !important; color: var(--ui-text) !important; }
body:not(.task-login) .ui-dialog .ui-dialog-buttonpane,
body:not(.task-login) .modal-footer { background: var(--ui-surface) !important; border-top: 1px solid var(--ui-border) !important; }
body:not(.task-login) .ui-widget-overlay { background: rgba(10, 10, 10, .5) !important; backdrop-filter: blur(3px); }

/* ---------- Butonlar ---------- */
body:not(.task-login) .btn-primary,
body:not(.task-login) .btn.btn-primary,
body:not(.task-login) button.mainaction,
body:not(.task-login) .formbuttons .btn.submit,
body:not(.task-login) .ui-dialog-buttonpane .btn.mainaction {
  background: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
  color: var(--ui-on-primary) !important;
  border-radius: 999px !important;
  font-weight: 600;
  padding-left: 1.25rem; padding-right: 1.25rem;
}
body:not(.task-login) .btn-primary:before,
body:not(.task-login) button.mainaction:before,
body:not(.task-login) .formbuttons .btn.submit:before { color: inherit !important; }
body:not(.task-login) .btn-primary:hover,
body:not(.task-login) button.mainaction:hover,
body:not(.task-login) .formbuttons .btn.submit:hover { filter: brightness(1.15); }
body:not(.task-login) .btn-secondary,
body:not(.task-login) .btn.btn-secondary,
body:not(.task-login) .ui-dialog-buttonpane .btn:not(.mainaction) {
  background: transparent !important;
  border: 1px solid var(--ui-border-strong) !important;
  color: var(--ui-text) !important;
  border-radius: 999px !important;
}
body:not(.task-login) .btn-secondary:hover { background: var(--ui-surface-2) !important; }
body:not(.task-login) .btn-danger, body:not(.task-login) .btn.delete { border-radius: 999px !important; }
body:not(.task-login) .floating-action-buttons a.button {
  background: #efff00 !important;
  color: #0a0a0a !important;
  box-shadow: 0 12px 30px -10px rgba(10, 10, 10, .45);
}

/* ---------- Form alanları ---------- */
body:not(.task-login) .form-control,
body:not(.task-login) .custom-select,
body:not(.task-login) select.form-control,
body:not(.task-login) textarea.form-control,
body:not(.task-login) input[type=text], body:not(.task-login) input[type=email],
body:not(.task-login) input[type=password], body:not(.task-login) input[type=number],
body:not(.task-login) select, body:not(.task-login) textarea {
  background-color: var(--ui-surface) !important;
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 10px !important;
  color: var(--ui-text) !important;
}
html.dark-mode body:not(.task-login) .form-control,
html.dark-mode body:not(.task-login) .custom-select,
html.dark-mode body:not(.task-login) select,
html.dark-mode body:not(.task-login) textarea,
html.dark-mode body:not(.task-login) input[type=text],
html.dark-mode body:not(.task-login) input[type=password] { background-color: var(--ui-surface-2) !important; }
body:not(.task-login) .form-control:focus,
body:not(.task-login) .custom-select:focus,
body:not(.task-login) select:focus, body:not(.task-login) textarea:focus,
body:not(.task-login) .recipient-input.focus,
body:not(.task-login) .recipient-input:focus-within {
  border-color: var(--ui-text) !important;
  box-shadow: 0 0 0 3px var(--ui-focus) !important;
  outline: 0 !important;
}
body:not(.task-login) .form-control::placeholder { color: var(--ui-text-3) !important; }
body:not(.task-login) .input-group-text,
body:not(.task-login) .input-group-append .btn,
body:not(.task-login) .input-group-prepend .btn {
  background: var(--ui-surface-2) !important;
  border-color: var(--ui-border-strong) !important;
  color: var(--ui-text-2) !important;
}
body:not(.task-login) .recipient-input { background: var(--ui-surface) !important; border-color: var(--ui-border-strong) !important; }
html.dark-mode body:not(.task-login) .recipient-input { background: var(--ui-surface-2) !important; }
body:not(.task-login) .recipient-input li.recipient {
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 999px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) .recipient-input input { color: var(--ui-text) !important; background: transparent !important; border: 0 !important; }

/* anahtarlar */
body:not(.task-login) .custom-switch .custom-control-label:before { background: var(--ui-surface-3) !important; border-color: var(--ui-border-strong) !important; }
body:not(.task-login) .custom-switch .custom-control-label:after { background: var(--ui-text-3) !important; }
body:not(.task-login) .custom-switch .custom-control-input:checked ~ .custom-control-label:before,
body:not(.task-login) .custom-control-input:checked ~ .custom-control-label:before {
  background: var(--ui-primary) !important;
  border-color: var(--ui-primary) !important;
}
body:not(.task-login) .custom-switch .custom-control-input:checked ~ .custom-control-label:after { background: var(--ui-on-primary) !important; }

/* ---------- Form sayfaları (ayarlar, kişi, yeni ileti) ---------- */
body:not(.task-login) .formcontent,
body:not(.task-login) .formcontainer,
body:not(.task-login) .frame-content,
body:not(.task-login) .content,
body:not(.task-login) .scroller { background: var(--ui-surface) !important; color: var(--ui-text); }
body:not(.task-login) fieldset legend,
body:not(.task-login) .formcontent legend,
body:not(.task-login) .card-header {
  color: var(--ui-text) !important;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: -0.01em;
  border-color: var(--ui-border) !important;
  background: transparent !important;
}
body:not(.task-login) .propform td.title,
body:not(.task-login) .propform label,
body:not(.task-login) .form-group > label,
body:not(.task-login) .col-form-label,
body:not(.task-login) table.propform td.title label { color: var(--ui-text-2) !important; }
body:not(.task-login) .propform td,
body:not(.task-login) .formcontent,
body:not(.task-login) .hint, body:not(.task-login) .form-text { color: var(--ui-text-2); }
body:not(.task-login) .hint, body:not(.task-login) .form-text { color: var(--ui-text-3) !important; }
body:not(.task-login) .tabsbar, body:not(.task-login) .nav-tabs { border-color: var(--ui-border) !important; }
body:not(.task-login) .nav-tabs .nav-link { color: var(--ui-text-2) !important; border: 0 !important; border-radius: 10px 10px 0 0; }
body:not(.task-login) .nav-tabs .nav-link.active { color: var(--ui-text) !important; background: transparent !important; box-shadow: inset 0 -2px 0 var(--ui-mark); }
body:not(.task-login) .card, body:not(.task-login) .boxcontent { background: var(--ui-surface) !important; border-color: var(--ui-border) !important; color: var(--ui-text); }

/* bağlantılar */
body:not(.task-login) .formcontent a:not(.btn):not(.button),
body:not(.task-login) .propform a:not(.btn):not(.button),
body:not(.task-login) .boxcontent a:not(.btn) {
  color: var(--ui-text) !important;
  text-decoration: underline;
  text-decoration-color: var(--ui-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

/* ---------- Yeni ileti ---------- */
body.action-compose:not(.task-login) #compose-content,
body.action-compose:not(.task-login) #compose-options,
body.action-compose:not(.task-login) #compose-attachments { background: var(--ui-surface) !important; color: var(--ui-text); }
body.action-compose:not(.task-login) #compose-attachments .attachmentslist li {
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) .compose-attachments .zone,
body:not(.task-login) #compose-attachments .file-upload,
body:not(.task-login) .file-upload {
  border: 1.5px dashed var(--ui-border-strong) !important;
  border-radius: 16px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text-3) !important;
}
body:not(.task-login) .file-upload .hint { color: var(--ui-text-3) !important; }
body:not(.task-login) .tox.tox-tinymce {
  border: 1px solid var(--ui-border-strong) !important;
  border-radius: 14px !important;
}
body:not(.task-login) .tox .tox-editor-header,
body:not(.task-login) .tox .tox-toolbar,
body:not(.task-login) .tox .tox-toolbar__primary,
body:not(.task-login) .tox .tox-toolbar-overlord { background: var(--ui-surface-2) !important; border-color: var(--ui-border) !important; }
body:not(.task-login) .tox .tox-tbtn { color: var(--ui-text-2) !important; border-radius: 8px !important; }
body:not(.task-login) .tox .tox-tbtn svg { fill: var(--ui-text-2) !important; }
body:not(.task-login) .tox .tox-tbtn:hover { background: var(--ui-surface-3) !important; }
body:not(.task-login) .tox .tox-statusbar { background: var(--ui-surface) !important; border-color: var(--ui-border) !important; color: var(--ui-text-3) !important; }
body:not(.task-login) .editor-toolbar,
body:not(.task-login) .editor-toolbar a { background: var(--ui-surface-2) !important; color: var(--ui-text-2) !important; border-color: var(--ui-border) !important; }
body:not(.task-login) #composebody { background: var(--ui-surface) !important; color: var(--ui-text) !important; }
body:not(.task-login) .formbuttons a, body:not(.task-login) .formbuttons a:before { color: var(--ui-text-2) !important; }

/* ---------- İleti görüntüleme (çerçeve içi sayfa) ---------- */
body.action-preview:not(.task-login), body.action-show:not(.task-login),
body.action-preview:not(.task-login) #layout-content,
body.action-show:not(.task-login) #layout-content,
body:not(.task-login) #message-header,
body:not(.task-login) #message-content,
body:not(.task-login) #messagebody { background: var(--ui-surface) !important; color: var(--ui-text); }
body:not(.task-login) #message-header { border-bottom: 1px solid var(--ui-border) !important; padding-bottom: 16px; }
body:not(.task-login) #message-header h2.subject {
  color: var(--ui-text) !important;
  font-size: 1.5rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.025em;
}
body:not(.task-login) #message-header .header,
body:not(.task-login) #message-header .header-headers,
body:not(.task-login) #message-header .short-header { color: var(--ui-text-2) !important; }
body:not(.task-login) #message-header .header a,
body:not(.task-login) #message-header a.rcmContactAddress,
body:not(.task-login) .header-headers a {
  color: var(--ui-text) !important;
  font-weight: 600;
  text-decoration: none !important;
  border-bottom: 2px solid var(--ui-accent);
}
body:not(.task-login) #message-header .header-links a,
body:not(.task-login) #message-header .header-links a:before { color: var(--ui-text-3) !important; border: 0 !important; font-weight: 500; }
body:not(.task-login) #message-header .contactphoto,
body:not(.task-login) #message-header img.contactphoto { border-radius: 50%; background: var(--ui-surface-3); }
body:not(.task-login) div.message-part,
body:not(.task-login) div.message-htmlpart,
body:not(.task-login) div.message-part div.pre,
body:not(.task-login) div.message-part pre {
  background: transparent !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) div.message-part pre,
body:not(.task-login) div.message-part div.pre {
  font-family: var(--eb-font);
  font-size: .9375rem;
  line-height: 1.7;
}
body:not(.task-login) div.message-part blockquote,
body:not(.task-login) div.message-htmlpart blockquote {
  border-left: 3px solid var(--ui-border-strong) !important;
  color: var(--ui-text-2) !important;
  background: transparent !important;
}
body:not(.task-login) div.message-part a,
body:not(.task-login) div.message-htmlpart a {
  color: var(--ui-text) !important;
  text-decoration: underline;
  text-decoration-color: var(--ui-accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}
body:not(.task-login) #attachment-list li,
body:not(.task-login) .attachmentslist li {
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text) !important;
}
body:not(.task-login) #remote-objects-message,
body:not(.task-login) .boxwarning, body:not(.task-login) .boxinformation, body:not(.task-login) .alert {
  border: 1px solid var(--ui-border) !important;
  border-radius: 12px !important;
  background: var(--ui-surface-2) !important;
  color: var(--ui-text-2) !important;
}
/* boş içerik filigranı */
body:not(.task-login) .watermark { opacity: .35; }
html.dark-mode body:not(.task-login) .watermark { opacity: .12; filter: invert(1); }

/* ---------- Bildirimler ---------- */
body:not(.task-login) #messagestack > div {
  border: 0 !important;
  border-radius: 14px !important;
  background: #0a0a0a !important;
  color: #f8f8f3 !important;
  box-shadow: 0 14px 34px -12px rgba(0, 0, 0, .5) !important;
  opacity: 1;
}
html.dark-mode body:not(.task-login) #messagestack > div { background: #1c1c1c !important; box-shadow: 0 0 0 1px #2c2c2c, 0 14px 34px -12px rgba(0, 0, 0, .8) !important; }
body:not(.task-login) #messagestack > div:before,
body:not(.task-login) #messagestack > div i.icon:before,
body:not(.task-login) #messagestack > div i.icon { color: #efff00 !important; }
body:not(.task-login) #messagestack > div.error:before,
body:not(.task-login) #messagestack > div.error i.icon { color: #ff7d6e !important; }

/* ---------- Kaydırma çubukları ---------- */
body:not(.task-login) ::-webkit-scrollbar { width: 10px; height: 10px; }
body:not(.task-login) ::-webkit-scrollbar-thumb { background: var(--ui-border-strong); border-radius: 999px; border: 3px solid var(--ui-surface); }
body:not(.task-login) ::-webkit-scrollbar-track { background: transparent; }
body:not(.task-login) * { scrollbar-color: var(--ui-border-strong) transparent; }

/* ---------- Mobil ---------- */
@media (max-width: 768px) {
  body:not(.task-login) .header { height: 60px; }
  body:not(.task-login) #layout-menu { border-radius: 0 !important; }
  body:not(.task-login) table.messagelist td.subject { padding: 12px 16px !important; }
  body:not(.task-login) .searchbar { margin: 8px 12px; }
  body:not(.task-login) .floating-action-buttons a.button { width: 60px; height: 60px; }
}

/* =====================================================================
   KOYU MOD — giriş ekranı (değiştirilmedi)
   ===================================================================== */
html.dark-mode body.task-login, html.dark-mode body.task-login #layout { background: #050505; }
html.dark-mode .eb-form-title, html.dark-mode body.task-login #login-form td.title, html.dark-mode body.task-login #login-form td.title label { color: var(--eb-paper); }
html.dark-mode body.task-login #login-form input.form-control { background: var(--eb-carbon); border-color: #2a2a2a; color: var(--eb-paper); }
html.dark-mode body.task-login #rcmloginsubmit { background: var(--eb-electric); color: var(--eb-ink); }
html.dark-mode body.task-login #rcmloginsubmit::after { background-color: var(--eb-ink); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23efff00' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 17 17 7M8 7h9v9'/%3E%3C/svg%3E"); }
html.dark-mode body:not(.task-login), html.dark-mode body:not(.task-login) #layout { background: #050505; }

/* ---------- İnce ayarlar ---------- */
body:not(.task-login) #message-header h2.subject a,
body:not(.task-login) #message-header h2.subject a:before { color: var(--ui-text-3) !important; border: 0 !important; }
html.iframe body:not(.task-login) .formbuttons,
body:not(.task-login) #layout-content .formbuttons,
body:not(.task-login) .formcontent + .formbuttons {
  background: var(--ui-surface) !important;
  border-top: 1px solid var(--ui-border) !important;
}
body:not(.task-login) #layout table.listing tbody tr > td.flags { background: transparent; }
body:not(.task-login) table.messagelist tr:hover td.flags span,
body:not(.task-login) table.messagelist td.flags .flags {
  background: var(--ui-surface) !important;
  border-color: var(--ui-border) !important;
  border-radius: 10px;
}

/* çerçeve içi sayfalar kısa kalsa da zemin panel renginde dolsun */
html.iframe body:not(.task-login) { min-height: 100vh; }

/* arama kutusu içindeki alan: genel form kuralından daha özgül */
body:not(.task-login) #layout .searchbar input,
body:not(.task-login) #layout .searchbar input[type=text],
html.dark-mode body:not(.task-login) #layout .searchbar input[type=text] {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
/* koyu tema: giriş ekranı ince ayarları */
html.dark-mode body.task-login .eb-top-link { color: var(--eb-paper) !important; border-color: #2c2c2c; }
html.dark-mode body.task-login .eb-top-link:hover { background: var(--eb-carbon); border-color: #4a4a4a; }
html.dark-mode body.task-login .eb-form-sub { color: #a3a39b; }
html.dark-mode body.task-login .eb-form-foot { border-top-color: #222; color: #7a7a73; }
html.dark-mode body.task-login .eb-forgot-link { color: #a3a39b !important; }
html.dark-mode body.task-login .eb-forgot-link:hover { color: var(--eb-paper) !important; }
html.dark-mode body.task-login .eb-eye:hover { background-color: #222; }
html.dark-mode body.task-login .eb-modal-card { background: #141414; color: var(--eb-paper); box-shadow: 0 0 0 1px #262626, 0 30px 80px -20px rgba(0, 0, 0, .8); }
html.dark-mode body.task-login .eb-modal-card p, html.dark-mode body.task-login .eb-modal-card ol { color: #b3b3ab; }
html.dark-mode body.task-login .eb-modal-card ol li::marker { color: var(--eb-electric); }
html.dark-mode body.task-login .eb-modal-btn { background: var(--eb-electric); color: var(--eb-ink) !important; }
html.dark-mode body.task-login .eb-modal-x:hover { background: #222; color: var(--eb-paper); }