/* Foton webmail temasi - TUM domainler (brand.php varsayilani 'css'=>'theme.css').
   Domain'e ozel renkler brand.php'nin bastigi degiskenlerden gelir:
     --color-main (vurgu), --brand-bg (marka koyu rengi), --brand-accent2 (giris paneli 2. isima),
     --brand-accent-ondark (koyu zeminde okunur vurgu; PHP kontrast >= 3 olacak sekilde hesaplar).
   Bolunmus giris ekrani: brand.php 'split'=>true ile sol paneli (.brand-side) ve form basligini (.login-head) basar. */

/* ---------- Giris ekrani: dikey bolunmus ---------- */
body.task-login {
  --lg-accent: var(--color-main, #ff6000);
  --lg-panel: var(--brand-bg, #0f1722);
  --lg-accent-ondark: var(--brand-accent-ondark, var(--lg-accent));
  --lg-right-bg: #f5f7fb;
  --lg-card: #ffffff;
  --lg-text: #0f1722;
  --lg-muted: #667085;
  --lg-border: #dde2ea;
}
html body.task-login { background: var(--lg-right-bg) !important; }
html body.task-login #layout { display: flex !important; flex-direction: row; min-height: 100vh; }

/* Sol marka paneli */
body.task-login .brand-side {
  flex: 0 0 52%; position: relative; overflow: hidden;
  display: flex; flex-direction: column; justify-content: center;
  padding: 72px 80px; color: #fff;
  background:
    radial-gradient(900px 600px at 0% 100%, color-mix(in srgb, var(--lg-accent) 32%, transparent), transparent 60%),
    radial-gradient(700px 500px at 100% 0%, color-mix(in srgb, var(--brand-accent2, #0a74c4) 35%, transparent), transparent 60%),
    var(--lg-panel);
}
body.task-login .brand-side::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background-image: radial-gradient(rgba(255,255,255,.07) 1px, transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: linear-gradient(135deg, #000 0%, transparent 75%);
          mask-image: linear-gradient(135deg, #000 0%, transparent 75%);
}
body.task-login .brand-side-inner { position: relative; max-width: 540px; }
body.task-login .brand-side-logo { display: block; width: auto; height: auto; max-height: 76px; max-width: min(360px, 100%); object-fit: contain; filter: drop-shadow(0 10px 30px rgba(0,0,0,.35)); }
body.task-login .brand-side-logo.chip { background: #fff; padding: 10px 16px; border-radius: 14px; max-height: 96px; box-sizing: border-box; filter: drop-shadow(0 10px 30px rgba(0,0,0,.25)); }
body.task-login .brand-side h2 {
  margin: 36px 0 0; font-size: 44px; line-height: 1.1; font-weight: 700; letter-spacing: -.02em; color: #fff;
}
body.task-login .brand-side h2::after {
  content: ""; display: block; width: 56px; height: 4px; border-radius: 2px; margin-top: 22px; background: var(--lg-accent-ondark);
}
body.task-login .brand-side p { margin: 22px 0 0; font-size: 18px; line-height: 1.6; color: rgba(255,255,255,.72); }
/* Ozellik kartlari */
body.task-login .brand-features {
  list-style: none; margin: 40px 0 0; padding: 0;
  display: grid; grid-template-columns: 1fr 1fr; gap: 14px;
}
body.task-login .brand-features li {
  display: flex; gap: 14px; align-items: flex-start; padding: 16px;
  background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); border-radius: 14px;
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  transition: background .2s ease, border-color .2s ease, transform .2s ease;
}
body.task-login .brand-features li:hover {
  background: rgba(255,255,255,.07); border-color: color-mix(in srgb, var(--lg-accent-ondark) 45%, transparent); transform: translateY(-2px);
}
body.task-login .bf-ic {
  flex: none; width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;
  color: var(--lg-accent-ondark); background: color-mix(in srgb, var(--lg-accent-ondark) 16%, transparent);
}
body.task-login .bf-ic svg { width: 20px; height: 20px; }
body.task-login .bf-tx strong { display: block; font-size: 14px; font-weight: 600; color: #fff; line-height: 1.3; }
body.task-login .bf-tx small { display: block; margin-top: 4px; font-size: 12.5px; line-height: 1.45; color: rgba(255,255,255,.6); }

/* Giris animasyonu */
@keyframes lg-up { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
body.task-login .brand-side-logo,
body.task-login .brand-side h2,
body.task-login .brand-side p,
body.task-login .brand-features li,
body.task-login .login-head,
html body.task-login #layout-content #login-form { animation: lg-up .6s cubic-bezier(.2,.7,.2,1) both; }
body.task-login .brand-side h2 { animation-delay: .06s; }
body.task-login .brand-side p { animation-delay: .12s; }
body.task-login .brand-features li:nth-child(1) { animation-delay: .20s; }
body.task-login .brand-features li:nth-child(2) { animation-delay: .27s; }
body.task-login .brand-features li:nth-child(3) { animation-delay: .34s; }
body.task-login .brand-features li:nth-child(4) { animation-delay: .41s; }
body.task-login .login-head { animation-delay: .10s; }
html body.task-login #layout-content #login-form { animation-delay: .18s; }
@media (prefers-reduced-motion: reduce) {
  body.task-login .brand-side *, body.task-login .login-head, html body.task-login #login-form { animation: none !important; transition: none !important; }
}
/* Alcak ekranlarda kartlari sadelestir */
@media (max-height: 760px) and (min-width: 901px) {
  body.task-login .brand-side h2 { margin-top: 24px; font-size: 38px; }
  body.task-login .brand-features { margin-top: 28px; }
  body.task-login .bf-tx small { display: none; }
}

body.task-login .brand-side-foot {
  position: absolute; left: 80px; bottom: 36px; font-size: 13px; color: rgba(255,255,255,.45);
}

/* Sag: form alani */
html body.task-login #layout #layout-content {
  flex: 1 1 auto; display: flex !important; flex-direction: column; align-items: center; justify-content: center;
  padding: 48px 32px !important; background: var(--lg-right-bg) !important; min-height: 100vh;
}
html body.task-login #layout-content > #logo { display: none !important; }
body.task-login .login-head, html body.task-login #layout-content #login-form { width: 100%; max-width: 380px; margin: 0; top: 0; text-align: left; }
body.task-login .login-head { margin-bottom: 32px; }
body.task-login .login-head h2 { margin: 0; font-size: 30px; font-weight: 700; letter-spacing: -.02em; color: var(--lg-text); }
body.task-login .login-head p { margin: 8px 0 0; font-size: 15px; color: var(--lg-muted); }

/* Alanlar */
html body.task-login #login-form table, html body.task-login #login-form tbody,
html body.task-login #login-form tr, html body.task-login #login-form td.input { display: block; width: 100%; margin: 0; padding: 0; }
html body.task-login #login-form tr.form-group { margin-bottom: 14px; }
html body.task-login #login-form td.input.input-group { display: flex; flex-wrap: nowrap; align-items: stretch; }
html body.task-login #login-form td.input.input-group > .input-group-prepend { display: flex; margin: 0; }
html body.task-login #login-form td.input.input-group > .form-control { flex: 1 1 auto; width: 1%; min-width: 0; }
html body.task-login #login-form .input-group-text {
  height: 52px; width: 48px; justify-content: center; background: var(--lg-card); color: #98a2b3;
  border: 1px solid var(--lg-border); border-right: 0; border-radius: 12px 0 0 12px;
}
html body.task-login #login-form .form-control {
  height: 52px; font-size: 15px; background: var(--lg-card); color: var(--lg-text);
  border: 1px solid var(--lg-border); border-left: 0; border-radius: 0 12px 12px 0; box-shadow: none;
}
html body.task-login #login-form .input-group:focus-within .input-group-text,
html body.task-login #login-form .input-group:focus-within .form-control {
  border-color: var(--lg-accent); color: var(--lg-text);
}
html body.task-login #login-form .input-group:focus-within {
  border-radius: 12px; box-shadow: 0 0 0 4px color-mix(in srgb, var(--lg-accent) 18%, transparent);
}

/* Buton */
html body.task-login #login-form p.formbuttons { margin: 22px 0 0; }
html body.task-login #login-form #rcmloginsubmit {
  height: 52px; border-radius: 12px !important; font-size: 16px; font-weight: 600;
  text-transform: none !important; letter-spacing: .01em;
  background: var(--lg-accent) !important; border-color: var(--lg-accent) !important;
  box-shadow: 0 10px 24px -10px color-mix(in srgb, var(--lg-accent) 80%, transparent);
  transition: transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
html body.task-login #login-form #rcmloginsubmit:hover { filter: brightness(1.06); transform: translateY(-1px); }
html body.task-login #login-form #rcmloginsubmit:active { transform: translateY(0); }
html body.task-login #login-footer { margin-top: 28px; font-size: 13px; color: var(--lg-muted); text-align: left; }

/* Koyu mod (Elastic) */
html.dark-mode body.task-login {
  --lg-right-bg: #121821; --lg-card: #1a2230; --lg-text: #e6e9ef; --lg-muted: #8b95a7; --lg-border: #2a3444;
}

/* Tablet / mobil: ust uste */
@media (max-width: 900px) {
  html body.task-login #layout { flex-direction: column; }
  body.task-login .brand-side { flex: none; padding: 36px 28px 40px; }
  body.task-login .brand-side-logo { max-height: 52px; }
  body.task-login .brand-side-logo.chip { max-height: 68px; padding: 8px 12px; }
  body.task-login .brand-side h2 { margin-top: 20px; font-size: 28px; }
  body.task-login .brand-side h2::after { margin-top: 14px; width: 40px; height: 3px; }
  body.task-login .brand-side p { margin-top: 14px; font-size: 15px; }
  body.task-login .brand-side-foot { display: none; }
  body.task-login .brand-features { display: none; }
  html body.task-login #layout #layout-content { min-height: 0; justify-content: flex-start; padding: 36px 24px 48px !important; }
}

/* =====================================================================
   ANA EKRAN (giris sonrasi) - modern gorunum
   Sadece ust pencere; onizleme iframe'inde bu dosya yuklenmez (brand $noframe).
   ===================================================================== */
html:not(.dark-mode) body:not(.task-login) {
  --ui-accent: var(--color-main, #ff6000);
  --ui-menu: var(--brand-bg, #0f1722);
  --ui-accent-ondark: var(--brand-accent-ondark, var(--ui-accent));
  --ui-bg: #eef1f6;
  --ui-panel: #ffffff;
  --ui-head: #ffffff;
  --ui-border: #e4e8ef;
  --ui-line: #eef1f5;
  --ui-hover: #f3f5f9;
  --ui-text: #1d2433;
  --ui-muted: #687387;
  --ui-sel: color-mix(in srgb, var(--ui-accent) 9%, #fff);
}
html.dark-mode body:not(.task-login) {
  --ui-accent: var(--brand-accent-ondark, var(--color-main, #ff6000));
  --ui-accent-ondark: var(--ui-accent);
  --ui-menu: color-mix(in srgb, var(--brand-bg, #0f1722) 65%, #000);
  --ui-bg: #0b1017;
  --ui-panel: #141a22;
  --ui-head: #141a22;
  --ui-border: #232b36;
  --ui-line: #1c232d;
  --ui-hover: #1b222c;
  --ui-text: #e4e8ee;
  --ui-muted: #8a94a6;
  --ui-sel: color-mix(in srgb, var(--ui-accent) 14%, #141a22);
}

/* --- Sol ana menu --- */
body:not(.task-login) #layout-menu,
body:not(.task-login) #layout-menu .popover-header,
body:not(.task-login) #layout-menu .special-buttons { background: var(--ui-menu) !important; }
body:not(.task-login) #layout-menu .special-buttons { border-top: 1px solid rgba(255,255,255,.06); padding-top: 6px; }
body:not(.task-login) #taskmenu a {
  margin: 3px 8px; width: auto; border-radius: 12px; color: rgba(255,255,255,.62) !important;
  transition: background .15s ease, color .15s ease;
}
body:not(.task-login) #taskmenu a:hover { background: rgba(255,255,255,.07) !important; color: #fff !important; }
body:not(.task-login) #taskmenu .special-buttons a:not(:hover) { background: transparent !important; }
body:not(.task-login) #taskmenu a.selected { background: rgba(255,255,255,.10) !important; color: #fff !important; }
body:not(.task-login) #taskmenu a.selected:before { color: var(--ui-accent-ondark) !important; }
body:not(.task-login) #taskmenu a.compose { color: var(--ui-accent-ondark) !important; }
body:not(.task-login) #taskmenu a.compose:hover { background: color-mix(in srgb, var(--ui-accent-ondark) 16%, transparent) !important; }
body:not(.task-login) #taskmenu a.logout { color: #ff6b6b !important; }

/* --- Kart duzeni (genis ekran) --- */
@media (min-width: 1200px) {
  html body:not(.task-login) #layout { background: var(--ui-bg); padding: 10px 10px 10px 0; gap: 10px; box-sizing: border-box; }
  html body:not(.task-login) #layout > #layout-menu { margin: -10px 0 -10px 0; }
  html body:not(.task-login) #layout > #layout-sidebar,
  html body:not(.task-login) #layout > #layout-list,
  html body:not(.task-login) #layout > #layout-content {
    height: auto !important; border: 0 !important; border-radius: 16px; overflow: hidden;
    background: var(--ui-panel);
    box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 2px 8px rgba(16,24,40,.04);
  }
}

/* --- Panel basliklari ve araclar --- */
body:not(.task-login) #layout .header,
body:not(.task-login) #layout .footer { background: var(--ui-head) !important; border-color: var(--ui-line) !important; }
body:not(.task-login) #layout-sidebar, body:not(.task-login) #layout-list, body:not(.task-login) #layout-content { border-color: var(--ui-border) !important; }
body:not(.task-login) #layout .header .header-title { font-weight: 600; letter-spacing: -.01em; }
body:not(.task-login) .toolbar a.button, body:not(.task-login) .toolbar .dropbutton > a.button {
  border-radius: 10px; color: var(--ui-muted); transition: background .15s ease, color .15s ease;
}
body:not(.task-login) .toolbar a.button:not(.disabled):hover { background: var(--ui-hover) !important; color: var(--ui-text) !important; }
body:not(.task-login) .toolbar a.button.disabled { opacity: .45; }

/* --- Klasor listesi --- */
body:not(.task-login) #folderlist-content { padding-top: 6px; }
body:not(.task-login) #mailboxlist li { border-bottom: 0 !important; }
body:not(.task-login) #mailboxlist li > a {
  margin: 2px 8px; border-radius: 10px; color: var(--ui-text);
  transition: background .12s ease;
}
body:not(.task-login) #mailboxlist li > a:hover { background: var(--ui-hover) !important; }
body:not(.task-login) #mailboxlist li.selected > a {
  background: var(--ui-sel) !important; color: var(--ui-accent) !important; font-weight: 600;
}
body:not(.task-login) #mailboxlist li.selected > a:before { color: var(--ui-accent) !important; }
body:not(.task-login) #mailboxlist .unreadcount {
  background: var(--ui-accent) !important; color: #fff !important; border-radius: 999px; font-weight: 600; min-width: 22px; text-align: center;
}
body:not(.task-login) #mailboxlist li .unreadcount { right: 16px; }

/* --- Arama cubugu --- */
body:not(.task-login) #layout-list .searchbar { background: var(--ui-head) !important; border-bottom: 1px solid var(--ui-line) !important; padding: 6px 10px; height: auto; }
body:not(.task-login) #layout-list .searchbar form { background: var(--ui-hover); border-radius: 10px; transition: box-shadow .15s ease, background .15s ease; }
body:not(.task-login) #layout-list .searchbar form:focus-within { background: var(--ui-panel); box-shadow: 0 0 0 1px var(--ui-accent), 0 0 0 4px color-mix(in srgb, var(--ui-accent) 18%, transparent); }
body:not(.task-login) #layout-list .searchbar input { background: transparent !important; box-shadow: none !important; }

/* --- Mesaj listesi --- */
body:not(.task-login) #messagelist tr td { border-bottom-color: var(--ui-line) !important; }
body:not(.task-login) #messagelist tbody tr { transition: background .12s ease; }
body:not(.task-login) #messagelist tbody tr:hover td { background: var(--ui-hover) !important; }
body:not(.task-login) #messagelist tbody tr.selected td,
body:not(.task-login) #messagelist tbody tr.selected:hover td { background: var(--ui-sel) !important; }
body:not(.task-login) #messagelist tbody tr.selected td:first-child { box-shadow: inset 3px 0 0 var(--ui-accent); }
body:not(.task-login) #messagelist tbody tr.unread td.subject span.subject a { font-weight: 700; }
body:not(.task-login) #messagelist tbody tr.unread .msgicon.status:before { color: var(--ui-accent) !important; }
body:not(.task-login) #messagelist td.subject span.fromto { font-weight: 500; }
body:not(.task-login) #messagelist td.subject span.date { color: var(--ui-muted); font-size: 12px; }

/* --- Genel vurgu rengi (Elastic'in mavisini marka rengine cek) --- */
body:not(.task-login) a, body:not(.task-login) .btn-link { color: var(--ui-accent); }
body:not(.task-login) #layout a:not(.button):not([class*="icon"]) { color: inherit; }
body:not(.task-login) .btn-primary, body:not(.task-login) .button.mainaction {
  background-color: var(--ui-accent) !important; border-color: var(--ui-accent) !important; border-radius: 10px;
}
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-color: var(--ui-accent) !important; border-color: var(--ui-accent) !important; }
body:not(.task-login) .form-control:focus { border-color: var(--ui-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 18%, transparent) !important; }

/* --- Ince kaydirma cubuklari --- */
body:not(.task-login) * { scrollbar-width: thin; scrollbar-color: color-mix(in srgb, var(--ui-muted) 45%, transparent) transparent; }
body:not(.task-login) ::-webkit-scrollbar { width: 8px; height: 8px; }
body:not(.task-login) ::-webkit-scrollbar-thumb { background: color-mix(in srgb, var(--ui-muted) 40%, transparent); border-radius: 8px; }
body:not(.task-login) ::-webkit-scrollbar-track { background: transparent; }

/* --- Okuma bolmesi (iframe: action-preview / action-show) --- */
body.action-preview #message-header, body.action-show #message-header {
  padding: 22px 26px 18px !important; margin: 0; border-bottom: 1px solid var(--ui-line); background: transparent !important;
}
body.action-preview #message-header .subject, body.action-show #message-header .subject {
  font-size: 22px; font-weight: 700; letter-spacing: -.015em; line-height: 1.3; color: var(--ui-text); margin-bottom: 14px;
}
body.action-preview #message-header .contactphoto, body.action-show #message-header .contactphoto {
  border-radius: 50%; width: 44px; height: 44px; background: var(--ui-hover); border: 0;
}
body.action-preview #message-header .header-summary, body.action-show #message-header .header-summary { color: var(--ui-muted); }
body.action-preview #message-header .header-summary a.rcmContactAddress,
body.action-show #message-header .header-summary a.rcmContactAddress { color: var(--ui-text) !important; font-weight: 600; }
body.action-preview #message-header .header-links a, body.action-show #message-header .header-links a { color: var(--ui-accent) !important; }
body.action-preview #message-content #messagebody, body.action-show #message-content #messagebody { padding: 22px 26px; }
body:not(.task-login) #messagebody a { color: #1a6fd6; }
html.dark-mode body:not(.task-login) #messagebody a { color: #6ab0ff; }

/* Ekler: kart gorunumu */
body.action-preview #message-objects .attachmentslist, body.action-show .attachmentslist,
body.action-preview #attachment-list, body.action-show #attachment-list {
  background: transparent !important; border: 0 !important; padding: 0 26px 6px; display: flex; flex-wrap: wrap; gap: 10px;
}
body.action-preview .attachmentslist li, body.action-show .attachmentslist li {
  border: 1px solid var(--ui-border) !important; border-radius: 12px; background: var(--ui-panel); padding: 6px 10px !important; margin: 0 !important;
  transition: border-color .15s ease, box-shadow .15s ease;
}
body.action-preview .attachmentslist li:hover, body.action-show .attachmentslist li:hover {
  border-color: var(--ui-accent) !important; box-shadow: 0 4px 14px -6px rgba(16,24,40,.18);
}

/* --- Genel listeler (ayarlar, kisiler, adres defterleri) --- */
body:not(.task-login) #layout ul.listing li { border-bottom: 0 !important; }
body:not(.task-login) #layout ul.listing li > a { margin: 2px 8px; border-radius: 10px; transition: background .12s ease; }
body:not(.task-login) #layout ul.listing li > a:hover { background: var(--ui-hover) !important; }
body:not(.task-login) #layout ul.listing li.selected > a { background: var(--ui-sel) !important; color: var(--ui-accent) !important; font-weight: 600; }
body:not(.task-login) #layout ul.listing li.selected > a:before { color: var(--ui-accent) !important; }
body:not(.task-login) #layout table.listing:not(#messagelist) td { border-bottom-color: var(--ui-line) !important; }
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr:hover td { background: var(--ui-hover) !important; }
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected td,
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected:hover td { background: var(--ui-sel) !important; color: var(--ui-accent) !important; }
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected td:first-child { box-shadow: inset 3px 0 0 var(--ui-accent); }
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected td a,
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected td:before,
body:not(.task-login) #layout table.listing:not(#messagelist) tbody tr.selected td a:before { color: var(--ui-accent) !important; }

/* Dar menu (orta/kucuk ekran): ogeleri sikistirma */
@media (max-width: 1199px) {
  body:not(.task-login) #taskmenu a { margin: 3px 4px; border-radius: 10px; }
}

/* =====================================================================
   IKON SETI: Elastic'in "Icons" fontu (Font Awesome 5) -> Lucide glifleriyle
   yeniden uretilmis "Foton Icons" (scratchpad build.py; eslenmeyenler FA kalir).
   Lucide: ISC lisansi. Ayni descriptor'lu son @font-face kazanir.
   ===================================================================== */
@font-face { font-family: Icons; font-style: normal; font-weight: 900; font-display: block;
  src: url("fonts/foton-icons-900.woff2?v=2") format("woff2"); }
@font-face { font-family: Icons; font-style: normal; font-weight: 400; font-display: block;
  src: url("fonts/foton-icons-400.woff2?v=2") format("woff2"); }

/* Yeni mail: ek birakma alani - Lucide cloud-upload */
body:not(.task-login) #compose-attachments.droptarget:after { content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='84' height='84' viewBox='0 0 24 24' fill='none' stroke='%23b8c0cc' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round' %3E %3Cpath d='M12 13v8' /%3E %3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242' /%3E %3Cpath d='m8 17 4-4 4 4' /%3E %3C/svg%3E") !important; background: none !important; }
body:not(.task-login) #compose-attachments.droptarget { border-radius: 14px; border-color: var(--ui-border) !important; }

/* =====================================================================
   YAZI TIPI: Inter (OFL, @fontsource-variable/inter@5.1.0, kendi sunucumuzdan).
   Elastic her yerde "Roboto" kullandigi icin AYNI ADLA (Roboto, normal 400/700 + 100-900 araligi)
   Inter dosyalarina yonlendiriyoruz -> son @font-face kazanir. Italik yuzler Roboto kalir.
   ===================================================================== */
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/inter-latin-ext-wght-normal.woff2?v=1") format("woff2"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 400; font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2?v=1") 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/inter-latin-ext-wght-normal.woff2?v=1") format("woff2"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 700; font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2?v=1") 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-latin-ext-wght-normal.woff2?v=1") format("woff2"); unicode-range: U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }
@font-face { font-family: Roboto; font-style: normal; font-weight: 100 900; font-display: swap;
  src: url("fonts/inter-latin-wght-normal.woff2?v=1") 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+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
body:not(.task-login), body.task-login { letter-spacing: -0.006em; }
body:not(.task-login) #messagelist span.date, body:not(.task-login) .pagenav, body:not(.task-login) .unreadcount { font-variant-numeric: tabular-nums; }
/* Inter'in satir yuksekligi Roboto'dan buyuk: arama kutusunu sabitle */
body:not(.task-login) #layout-list .searchbar form { height: 36px; display: flex; align-items: center; }
body:not(.task-login) #layout-list .searchbar input { height: 36px !important; line-height: 36px; padding-top: 0 !important; padding-bottom: 0 !important; }

/* --- Acilir menuler: notr metin, hover'da vurgu (genel a rengini geri al) --- */
body:not(.task-login) .popover .menu a, body:not(.task-login) .popover .menu li > a,
body:not(.task-login) ul.menu.listing a { color: var(--ui-text) !important; border-radius: 8px; }
body:not(.task-login) .popover .menu a:before { color: var(--ui-muted) !important; }
body:not(.task-login) .popover .menu a.active:hover, body:not(.task-login) .popover .menu a.active:focus {
  background: var(--ui-sel) !important; color: var(--ui-accent) !important;
}
body:not(.task-login) .popover .menu a.active:hover:before { color: var(--ui-accent) !important; }
body:not(.task-login) .popover .menu a.disabled, body:not(.task-login) .popover .menu a:not(.active) { color: var(--ui-muted) !important; opacity: .55; }
body:not(.task-login) .popover { border-radius: 12px; border-color: var(--ui-border) !important; box-shadow: 0 12px 32px -8px rgba(16,24,40,.22); padding: 4px; }
body:not(.task-login) .popover .menu li { border-bottom: 0 !important; }

/* --- Mobil yeni ileti butonu --- */
body:not(.task-login) .floating-action-buttons a.button {
  background-color: var(--ui-accent) !important; box-shadow: 0 10px 24px -8px color-mix(in srgb, var(--ui-accent) 70%, transparent) !important;
}

/* --- Bildirimler (toast) --- */
body:not(.task-login) #messagestack > div { border-radius: 12px; box-shadow: 0 12px 32px -10px rgba(16,24,40,.35); }

/* --- Duz metin mailler: daktilo yerine arayuz yazi tipi (okuma + yazma) --- */
body:not(.task-login) .message-part div.pre { font-family: inherit !important; font-size: 14px; line-height: 1.6; }
body:not(.task-login) .html-editor > textarea, body:not(.task-login) .html-editor > .googie_edit_layer { font-family: inherit !important; font-size: 14px; line-height: 1.6; }

/* --- Giris: destek baglantisi --- */
html body.task-login #login-footer a { color: var(--lg-accent); font-weight: 500; text-decoration: none; }
html body.task-login #login-footer a:hover { text-decoration: underline; }

/* --- Avatarlar (identicon) yuvarlak --- */
body:not(.task-login) #message-header .contactphoto { border-radius: 50% !important; object-fit: cover; }

/* --- Elastic'in kalan mavi odak cizgileri -> marka rengi --- */
html:not(.touch) body:not(.task-login) .listing li > a:focus,
html:not(.touch) body:not(.task-login) .listing.focus tbody tr.focused > td:first-child,
html:not(.touch) body:not(.task-login) .listing.focus:not(.withselection) tbody tr.focused > td.selection + td {
  border-left-color: color-mix(in srgb, var(--ui-accent) 55%, transparent) !important;
}
body:not(.task-login) .multi-input > .content.focused,
body:not(.task-login) div.tox.focused,
body:not(.task-login) .formcontent.raweditor .CodeMirror-focused {
  border-color: var(--ui-accent) !important; box-shadow: 0 0 0 3px color-mix(in srgb, var(--ui-accent) 18%, transparent) !important;
}

/* --- <a> seklindeki birincil butonlar: genel a{color:accent} kuralindan koru --- */
body:not(.task-login) a.button.mainaction, body:not(.task-login) a.btn-primary,
body:not(.task-login) a.button.mainaction:hover, body:not(.task-login) a.btn-primary:hover { color: #fff !important; }

/* Yazi-logo (wordmark): baslik metni gizli (ekran okuyucuda kalir), vurgu cizgisi kalir */
body.task-login .brand-side h2.wm { margin-top: 18px; line-height: 0; }
body.task-login .brand-side h2.wm .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }