/*
 * TemelKod — Roundcube alt teması (skins/temelkod), Elastic üzerine.
 * Sunucuda: /web/rc/skins/temelkod/styles/styles.css → tarayıcıya static.php/skins/temelkod/styles/styles.css
 * Elastic'in derlenmiş stili aşağıdaki @import ile gelir; sonra TemelKod kuralları ezer.
 *
 * TASARIM KARARI (2026-09-06): aydınlık ve sade — zemin #ffffff / #f6f7fb, metin #1f2937, marka mavisi #2f66ff yalnız
 * vurgu (seçili klasör, birincil düğme, bağlantı), amber #f0b254 yalnız giriş ekranındaki kısa başlık çizgisi (portal standardı), Figtree yazı tipi (yerel woff2),
 * köşe 8px, geçiş/animasyon YOK, koyu mod KAPALI.
 * YAZI TİPİ NOTU: portal giriş ekranı Plus Jakarta Sans'ı Google Fonts'tan çeker; webmail'de "dış istek yok" kararı geçerli ve
 * projede/yerelde PJS woff2 bulunmadığından (2026-09-06 arandı) giriş ekranı dahil her yerde Figtree kalır. PJS'ye geçiş tarifi
 * aşağıdaki @font-face bloğunun sonundaki yorumda.
 *
 * Seçiciler tahmin değil: her bloğun üstündeki "Elastic:" yorumu, roundcubemail-1.7.4/skins/elastic/styles/styles.min.css
 * içindeki GERÇEK kuraldır (grep ile çıkarıldı); aynı seçici + aynı/üstün özgüllükle eziliyor. Elastic renk kaynağı:
 * skins/elastic/styles/colors.less (@color-main #37beff, @color-font #2c363a, @color-link #00acff, header #f4f4f4,
 * taskmenu #2f3a3f, list-selected tint(#37beff,90%) = #ebf9ff, border #d4dbde/#f1f3f4).
 *
 * ?v=1.7.4 : roundcube-kurulum.sh kopyalarken Roundcube sürümüyle değiştirir (önbellek damgası — static.php 7 gün
 * max-age gönderir ve @import URL'si Roundcube'un ?s=mtime damgasını taşımaz; static.php sorguyu yok sayar, dosya bulunur).
 */
@import url("../../elastic/styles/styles.min.css?v=1.7.4");

/* ── Yazı tipi: Figtree (SIL OFL) — yerel dosya, Google'a istek yok ─────────────────────────────── */
@font-face {
	font-family: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("../fonts/figtree-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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: "Figtree";
	font-style: normal;
	font-weight: 300 900;
	font-display: swap;
	src: url("../fonts/figtree-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;
}

/* Plus Jakarta Sans'a geçiş (portalla birebir yazı tipi istenirse): Google Fonts'tan latin + latin-ext woff2 (SIL OFL,
   ağırlık 400-800) indirilip fonts/plus-jakarta-sans-latin.woff2 ve fonts/plus-jakarta-sans-latin-ext.woff2 olarak konur,
   roundcube-kurulum.sh paket listesine eklenir, yukarıdaki iki @font-face bloğu "Plus Jakarta Sans" adıyla kopyalanır ve
   yalnız giriş ekranına uygulanır: body.task-login, body.task-login button, body.task-login input { font-family: "Plus Jakarta Sans", "Figtree", ... }
   (Figtree diğer sayfalarda kalır). Dosya indirme onay gerektirdiğinden bu turda yapılmadı. */

/* Elastic: .popover,body,button,input,optgroup,select,textarea{font-family:Roboto,sans-serif} */
.popover, body, button, input, optgroup, select, textarea {
	font-family: "Figtree", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* ── Geçiş/animasyon yok; koyu mod yok ───────────────────────────────────────────────────────────── */
/* Elastic: .image-tools{...transition:transform .3s ease-in-out} · .ui.alert.loading>i.icon:before{animation:spinner-border...}
   Bootstrap deps: .form-control{transition:border-color .15s...}, .btn{transition:...} */
*, *::before, *::after {
	transition: none !important;
	animation: none !important;
}
:root { color-scheme: light; }

/* ── Temel renkler ───────────────────────────────────────────────────────────────────────────────── */
/* Elastic: body{min-width:240px;height:100%;color:#2c363a;overflow:hidden} */
body { color: #1f2937; background-color: #ffffff; }
/* Elastic: a{color:#00acff} · a:hover{color:#008acc} */
a { color: #2f66ff; }
a:hover { color: #2453d6; }

/* ── Sol görev menüsü (Elastic koyu #2f3a3f → beyaz, ince ayraç) ─────────────────────────────────── */
/* Elastic: #layout-menu{background-color:#2f3a3f;width:42px} */
#layout-menu { background-color: #ffffff; border-right: 1px solid #e5e7eb; }
/* Elastic: @media (min-width:481px){#layout-menu .popover-header{padding:0!important;background-color:#2f3a3f!important}} */
@media screen and (min-width: 481px) {
	#layout-menu .popover-header { background-color: #ffffff !important; border-bottom: 1px solid #e5e7eb; }
	/* Elastic: @media (min-width:481px){#taskmenu a{color:#fff;padding:.45rem 0;min-width:unset}} */
	#taskmenu a { color: #4b5563; }
}
/* Elastic: #taskmenu a{...border-bottom:1px solid #f1f3f4!important;color:#2c363a} (dar ekran açılır menü) */
#taskmenu a { border-bottom-color: #eceff3 !important; color: #4b5563; }
/* Elastic: #taskmenu a.selected{color:#fff;background:#45555c} · #taskmenu a.selected:hover · #taskmenu a:hover · #taskmenu a:focus{background-color:#45555c} */
#taskmenu a.selected,
#taskmenu a.selected:hover,
#taskmenu a:hover,
#taskmenu a:focus { color: #2f66ff; background: #eef3ff; }
/* Elastic: #taskmenu a.logout{color:#ff5552!important} · #taskmenu a.logout:hover{color:#ff5552!important} · #taskmenu a:hover / #taskmenu a:focus{background-color:#45555c}
   Kullanıcı kararı (2026-09-06): ÇIKIŞ zemini her durumda beyaz (hover/focus dahil — yukarıdaki #eef3ff hover'ı burada geçersiz), ikon+metin kırmızı #dc2626 */
#taskmenu a.logout,
#taskmenu a.logout:hover,
#taskmenu a.logout:focus,
#taskmenu a.logout.selected { color: #dc2626 !important; background: #ffffff !important; }

/* ── Üst çubuklar, bölme ayraçları ───────────────────────────────────────────────────────────────── */
/* Elastic: #layout>div>.header{border-bottom:1px solid #d4dbde;color:#2c363a;background-color:#f4f4f4} */
#layout > div > .header { border-bottom: 1px solid #e5e7eb; color: #1f2937; background-color: #ffffff; }
/* Elastic: #layout>div>.header a.button{color:#2c363a} */
#layout > div > .header a.button { color: #374151; }
/* Elastic: #layout>div>.footer{border-top:1px solid #d4dbde;background-color:#fff} */
#layout > div > .footer { border-top: 1px solid #e5e7eb; background-color: #ffffff; }
/* Elastic: #layout-sidebar{...border-right:1px solid #d4dbde;background-color:#fff} · #layout-sidebar.sidebar-right{border-left:1px solid #d4dbde} */
#layout-sidebar { border-right: 1px solid #e5e7eb; background-color: #ffffff; }
#layout-sidebar.sidebar-right { border-left: 1px solid #e5e7eb; }
/* Elastic: #layout-list{...border-right:1px solid #d4dbde;background-color:#fff} */
#layout-list { border-right: 1px solid #e5e7eb; background-color: #ffffff; }
/* Elastic: #layout-content{...background-color:#fff} */
#layout-content { background-color: #ffffff; }
/* Elastic: .searchbar{...background-color:#fbfbfb;border-bottom:1px solid #f1f3f4} · .searchbar form:before{color:#737677} · .searchbar a{color:#2c363a} */
.searchbar { background-color: #f6f7fb; border-bottom: 1px solid #e5e7eb; }
.searchbar form:before { color: #6b7280; }
.searchbar a { color: #374151; }
/* Elastic: .menu.pagenav.pagenav-list+.navlist{background-color:#fbfbfb} · .menu.pagenav a{...color:#2c363a} */
.menu.pagenav.pagenav-list + .navlist { background-color: #f6f7fb; }
.menu.pagenav a { color: #374151; }

/* ── Araç çubuğu ─────────────────────────────────────────────────────────────────────────────────── */
/* Elastic: .menu.toolbar a{color:#2c363a;...} · .menu.toolbar a.selected{color:#41b849} · .menu.toolbar .dropbutton:not(.disabled):hover{background-color:#ececec} */
.menu.toolbar a { color: #374151; }
.menu.toolbar a.selected { color: #2f66ff; }
.menu.toolbar .dropbutton:not(.disabled):hover { background-color: #f3f4f6; }

/* ── Listeler (klasörler, mesaj listesi, kişiler, ayarlar) ───────────────────────────────────────── */
/* Elastic: .listing li,.listing tbody td{border-bottom:1px solid #f1f3f4;cursor:default;font-weight:400;line-height:35px} */
.listing li, .listing tbody td { border-bottom: 1px solid #eceff3; }
/* Elastic: .listing li a,.listing tbody td{padding:0 .5rem;...;color:#2c363a} · .menu.listing a{color:#2c363a} */
.listing li a, .listing tbody td, .menu.listing a { color: #1f2937; }
/* Elastic: .listing li.selected,.listing tr.selected td{color:#2c363a;background-color:#ebf9ff} — mesaj/kişi satırları: koyu metin + açık mavi zemin */
.listing li.selected, .listing tr.selected td { color: #1f2937; background-color: #eef3ff; }
/* Elastic: ul.treelist li.selected>a,ul.treelist li.selected>div>a{color:#2c363a;background-color:#ebf9ff}
   Klasör listesi mail.html'de class="treelist listing folderlist" → seçili KLASÖR marka mavisiyle vurgulanır (tasarım kararı);
   aynı seçici, aynı özgüllük (0,2,2) — .folderlist li.selected>a (0,2,1) kaybederdi. */
ul.treelist li.selected > a, ul.treelist li.selected > div > a { color: #2f66ff; background-color: #eef3ff; }
/* Elastic: .table-widget table.options-table tr.selected td{background-color:#ebf9ff;color:#2c363a;outline:0} */
.table-widget table.options-table tr.selected td { background-color: #eef3ff; color: #1f2937; }
/* Elastic: .folderlist li.mailbox .unreadcount{...border-radius:.4em;background:#37beff;color:#fff...} · li.mailbox.recent>a{color:#008cd0} · recent>a>.unreadcount{background:#37beff} */
.folderlist li.mailbox .unreadcount { background: #2f66ff; color: #ffffff; border-radius: 8px; }
.folderlist li.mailbox.recent > a { color: #2f66ff; }
.folderlist li.mailbox.recent > a > .unreadcount { background: #2f66ff; color: #ffffff; }
/* Elastic: .messagelist td.subject span.date,.messagelist td.subject span.size{font-size:90%;color:#737677} */
.messagelist td.subject span.date, .messagelist td.subject span.size { color: #6b7280; }
/* Elastic: .messagelist tr.flagged ... {color:#ff5552} — semantik kırmızı, biraz koyulaştırıldı */
.messagelist tr.flagged span.size, .messagelist tr.flagged td, .messagelist tr.flagged td.subject span.date,
.messagelist tr.flagged td.subject span.fromto, .messagelist tr.flagged td.subject span.subject a { color: #d92d20; }
/* Elastic: .quota-widget{...color:#737677} · #login-footer{flex:1;color:#737677} */
.quota-widget, #login-footer { color: #6b7280; }
/* Elastic: .table-widget{...border:1px solid #d4dbde} · .table thead th{border-width:1px} */
.table-widget { border: 1px solid #e5e7eb; border-radius: 8px; }

/* ── Düğmeler ────────────────────────────────────────────────────────────────────────────────────── */
/* Elastic: .btn-primary{color:#fff;background:#37beff;border-color:#37beff} · :focus{background:#1eb6ff;border-color:#13b2ff;box-shadow:0 0 0 .2rem rgba(55,190,255,.5)}
   · :hover{background:#1eb6ff;border-color:#13b2ff} · .disabled/:disabled{#37beff} · :not(:disabled):not(.disabled):active/.active{background:#04adff;border-color:#00a8f9} */
.btn-primary { color: #ffffff; background: #2f66ff; border-color: #2f66ff; }
.btn-primary:hover { background: #2453d6; border-color: #2453d6; }
.btn-primary:focus { background: #2453d6; border-color: #2453d6; box-shadow: 0 0 0 0.2rem rgba(47, 102, 255, 0.25); }
.btn-primary.disabled, .btn-primary:disabled { background: #2f66ff; border-color: #2f66ff; }
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active { background: #1d45b8; border-color: #1d45b8; }
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus { box-shadow: 0 0 0 0.2rem rgba(47, 102, 255, 0.3); }
/* Elastic: .btn-secondary{color:#fff;background:#8b9fa7;border-color:#8b9fa7} · :focus/:hover{background:#7c939c;border-color:#778e98} */
.btn-secondary { color: #1f2937; background: #ffffff; border-color: #d1d5db; }
.btn-secondary:hover, .btn-secondary:focus { color: #1f2937; background: #f3f4f6; border-color: #9ca3af; box-shadow: none; }
.btn-secondary.disabled, .btn-secondary:disabled { color: #6b7280; background: #ffffff; border-color: #e5e7eb; }
/* Elastic: .floating-action-buttons a.button{...border-radius:50%;background:#37beff;color:#fff;opacity:.95;box-shadow:0 0 5px 5px #eaf8ff} */
.floating-action-buttons a.button { background: #2f66ff; box-shadow: none; }
/* Bootstrap deps: .btn{border-radius:.25rem} · .btn-lg{border-radius:.3rem} */
.btn, .btn-lg, .btn-sm { border-radius: 8px; }

/* ── Form alanları ───────────────────────────────────────────────────────────────────────────────── */
/* Elastic: .form-control{color:#2c363a} · Bootstrap: .form-control{...border:1px solid #ced4da;border-radius:.25rem} */
.form-control { color: #1f2937; border-color: #d1d5db; border-radius: 8px; }
.custom-select { border-radius: 8px; border-color: #d1d5db; }
/* Elastic: .form-control:focus{color:#2c363a;border-color:#37beff;box-shadow:0 0 0 .2rem rgba(55,190,255,.25)} */
.form-control:focus { color: #1f2937; border-color: #2f66ff; box-shadow: 0 0 0 0.2rem rgba(47, 102, 255, 0.2); }
/* Elastic: .form-control::placeholder{color:#bbb} — genel alanlar (giriş formu kendi kuralını taşır) */
.form-control::placeholder { color: #6b7280; }
/* Elastic: .input-group-text{color:#2c363a;background-color:#f1f3f4} · Bootstrap: border:1px solid #ced4da — giriş formu alan ikonları */
.input-group-text { color: #6b7280; background-color: #f6f7fb; border-color: #d1d5db; }
/* Elastic: .input-group-text input:focus{z-index:1;border-color:#37beff!important} */
.input-group-text input:focus { border-color: #2f66ff !important; }
/* Elastic: .custom-switch .custom-control-input:checked~.custom-control-label::before{border-color:#37beff;background-color:#37beff}
   · :checked:disabled~...{border-color:#84d7ff;background-color:#84d7ff} · :focus:not(:checked)~...{border-color:#37beff} */
.custom-control-input:checked ~ .custom-control-label::before,
.custom-switch .custom-control-input:checked ~ .custom-control-label::before { border-color: #2f66ff; background-color: #2f66ff; }
.custom-switch .custom-control-input:checked:disabled ~ .custom-control-label::before { border-color: #a9bfff; background-color: #a9bfff; }
.custom-switch .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #2f66ff; }
.custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(47, 102, 255, 0.2); }

/* ── Açılır menüler, diyaloglar, bildirimler ─────────────────────────────────────────────────────── */
/* Elastic: .popover{box-shadow:3px 3px 5px #f1f3f4;border-color:#d4dbde;padding:0;z-index:1300} */
.popover { box-shadow: 0 4px 16px rgba(17, 24, 39, 0.08); border-color: #e5e7eb; border-radius: 8px; }
/* Elastic: .ui-dialog{border-radius:0;box-shadow:none} · .ui-dialog .ui-dialog-titlebar{height:58px;border-bottom:1px solid #ddd} */
.ui-dialog { border-radius: 8px; border-color: #e5e7eb; box-shadow: 0 8px 24px rgba(17, 24, 39, 0.12); }
.ui-dialog .ui-dialog-titlebar { border-bottom: 1px solid #e5e7eb; }
/* Elastic: .ui.alert{...color:#2c363a;border:1px solid transparent;background-color:rgba(55,190,255,.05)} */
.ui.alert { color: #1f2937; background-color: rgba(47, 102, 255, 0.06); border-radius: 8px; }
/* Elastic: #messagestack div{background-color:#2c363a;color:#fff} */
#messagestack div { background-color: #1f2937; color: #ffffff; border-radius: 8px; }
/* Elastic: #rcmdraglayer{...background-color:#2f3a3f;color:#fff;box-shadow:3px 3px 5px #f1f3f4;border-radius:.3rem} */
#rcmdraglayer { background-color: #1f2937; box-shadow: none; border-radius: 8px; }
/* Elastic: p.image-attachment{...border:1px solid #ddd;border-radius:.3rem;background-color:rgba(55,190,255,.05)} */
p.image-attachment { border-color: #e5e7eb; border-radius: 8px; background-color: #f6f7fb; }

/* ── Kaydırma çubukları ─────────────────────────────────────────────────────────────────────────── */
/* Elastic: html:not(.touch) ::-webkit-scrollbar-track{background-color:#f1f1f1} · -thumb{background-color:#c1c1c1} */
html:not(.touch) ::-webkit-scrollbar-track { background-color: #f6f7fb; }
html:not(.touch) ::-webkit-scrollbar-thumb { background-color: #d1d5db; }

/* ── Giriş ekranı (2026-09-06, PORTAL STANDARDI): KgnPortal.Web .lg2 çift-panel kabuğu birebir, aydınlık takım, e-posta ────
   Kaynak ölçüler: wwwroot/css/panel.css .lg2* (kök 16px → px'e çevrildi; Elastic html{font-size:14px} olduğundan rem KULLANILMAZ).
   Satır yüksekliği: panel.css h1/h2/p/rozet/altbilgiye line-height vermez → body 1.55 miras; burada da 1.55 yazılır (Elastic'in
   kendi h1/h2 satır yüksekliği miras alınmasın). Sol #tk-marka (.lg2-brand): #f6f7fb zemin + çok soluk mavi ızgara (.lg2-grid)
   + soluk statik ışık; logo, başlık (h1 1.9rem→30.4px, altında 52×4 amber çizgi), açıklama (.98rem→15.7px), üç nokta (statik),
   altbilgi (.lg2-foot .78rem→12.5px). Sağ #tk-form (.lg2-form): beyaz, iç genişlik 380px; rozet (.74rem→11.8px), başlık
   (1.5rem→24px), alt satır (.9rem→14.4px), alanlar (.frm), tam genişlik düğme, bağlantı satırı.
   Animasyon/geçiş yok (dosya başındaki genel kural), koyu mod yok.
   Roundcube'un ürettiği form DOM'u (rcmail_output_html::login_form + Elastic ui.js bootstrap_style 1154-1173):
     #login-form > table > tbody > tr.form-group.row > td.title(label; ui.js inline display:none) + td.input.input-group.input-group-lg
       > span.input-group-prepend > i.input-group-text.icon.user|pass  +  input.form-control[placeholder=etiket]  (+ bizim button.tk-goz)
     #login-form > p.formbuttons > button#rcmloginsubmit.btn.btn-primary.btn-lg.text-uppercase.w-100
   Özgüllük: her kural #id taşır → Bootstrap'ın çok sınıflı (.input-group-lg>.form-control:not(textarea) vb.) kurallarını yener. */
/* Elastic: html{height:100%;font-size:14px} · body{min-width:240px;height:100%;color:#2c363a;overflow:hidden}
   · #layout{overflow:hidden;display:flex;height:100%;width:100%} · #layout-content{display:flex;flex:6;flex-direction:column;background-color:#fff;width:100%}
   · #layout-content{height:100%} · .task-login #layout-content{text-align:center;width:100%;display:block}
   body overflow:hidden olduğundan kaydırma #layout-content'e verilir (kısa ekranda taşarsa). */
body.task-login { background-color: #ffffff; }
.task-login #layout-content {
	display: block;
	height: 100%;
	overflow: auto;
	padding: 0;
	background-color: #ffffff;
	text-align: left;
}
/* panel.css: .lg2 { display:grid; grid-template-columns:1.05fr .95fr; min-height:100vh } */
#tk-giris {
	display: grid;
	grid-template-columns: 1.05fr 0.95fr;
	min-height: 100%;
	width: 100%;
	box-sizing: border-box;
}
/* panel.css: .lg2-brand { position:relative; overflow:hidden; flex column ortalı; padding:40px; text-align:center; border-inline-end:1px solid var(--line) }
   Gece aurora/orb'lar KALDIRILDI; yerine çok soluk statik ışık (animasyon yok). */
#tk-marka {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 40px;
	text-align: center;
	color: #1f2937;
	border-right: 1px solid #e5e7eb;
	background-color: #f6f7fb;
	background-image: radial-gradient(680px 420px at 78% 8%, rgba(47, 102, 255, 0.07), transparent 60%);
	box-sizing: border-box;
}
/* panel.css: .lg2-grid { 1px çizgiler rgba(255,255,255,.04); 46px; mask-image:linear-gradient(157deg,#000 20%,transparent 92%) } → aydınlıkta soluk mavi */
#tk-marka .tk-izgara {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(47, 102, 255, 0.07) 1px, transparent 1px),
		linear-gradient(90deg, rgba(47, 102, 255, 0.07) 1px, transparent 1px);
	background-size: 46px 46px;
	-webkit-mask-image: linear-gradient(157deg, #000 20%, transparent 92%);
	mask-image: linear-gradient(157deg, #000 20%, transparent 92%);
	pointer-events: none;
}
/* panel.css: .lg2-brand-in { position:relative; z-index:2; max-width:420px } */
#tk-marka .tk-marka-in { position: relative; z-index: 2; max-width: 420px; width: 100%; }
/* panel.css: .lg2-logo { max-height:132px; width:auto; max-width:82%; margin:0 auto 26px; display:block; filter:drop-shadow(0 16px 34px rgba(36,86,230,.16)) }
   Elastic: .task-login #logo{display:inline-block;position:relative;top:16vh;max-height:100px} */
.task-login #logo {
	display: block;
	position: static;
	top: auto;
	max-height: 132px;
	width: auto;
	max-width: 82%;
	margin: 0 auto 26px;
	filter: drop-shadow(0 16px 34px rgba(36, 86, 230, 0.16));
}
/* panel.css: .lg2-brand-in h1 { font-size:1.9rem; font-weight:800; letter-spacing:-.6px; margin:0 0 8px }
   · h1::after { 52×4px; radius 3; background:var(--acc) (#f0b254); margin:15px auto 0; box-shadow:0 0 16px rgba(245,158,11,.5) } — amber çizgi aynen */
#tk-marka .tk-marka-baslik {
	margin: 0 0 8px;
	font-size: 30.4px;
	line-height: 1.55;
	font-weight: 800;
	letter-spacing: -0.6px;
	color: #1f2937;
}
#tk-marka .tk-marka-baslik::after {
	content: "";
	display: block;
	width: 52px;
	height: 4px;
	border-radius: 3px;
	background: #f0b254;
	margin: 15px auto 0;
	box-shadow: 0 0 16px rgba(245, 158, 11, 0.5);
}
/* panel.css: .lg2-brand-in p { color:var(--muted); font-size:.98rem; margin:16px auto 0; max-width:340px } · body line-height 1.55 */
#tk-marka .tk-marka-alt {
	margin: 16px auto 0;
	max-width: 340px;
	font-size: 15.7px;
	line-height: 1.55;
	color: #6b7280;
}
/* panel.css: .lg2-dots { flex; gap:8px; center; margin-top:26px } · span 8×8 yuvarlak rgba(36,86,230,.22) (nabız animasyonu yok → ortadaki amber sabit) */
#tk-marka .tk-noktalar { display: flex; gap: 8px; justify-content: center; margin-top: 26px; }
#tk-marka .tk-noktalar span { width: 8px; height: 8px; border-radius: 999px; background: rgba(47, 102, 255, 0.22); }
#tk-marka .tk-noktalar span:nth-child(2) { background: #f0b254; }
/* panel.css: .lg2-foot { position:absolute; bottom:22px; left:0; right:0; z-index:2; font-size:.78rem; color:#94a3b8 }
   Elastic: #login-footer{flex:1;color:#737677} · #login-footer>div{margin-top:1rem;padding:1rem;background:#f1f3f4;border-radius:.3rem} */
#login-footer {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 22px;
	z-index: 2;
	flex: none;
	margin: 0;
	padding: 0 24px;
	text-align: center;
	font-size: 12.5px;
	line-height: 1.55;
	color: #9ca3af;
}
#login-footer .tk-altbilgi { color: #9ca3af; }
#login-footer a { color: #6b7280; text-decoration: none; }
#login-footer a:hover { color: #2f66ff; }
#login-footer > div { margin-top: 8px; padding: 8px 12px; background: #ffffff; border: 1px solid #e5e7eb; border-radius: 8px; color: #6b7280; }

/* panel.css: .lg2-form { flex; center; padding:40px; background:var(--bg) } → beyaz · .lg2-form-in { width:100%; max-width:380px } */
#tk-form {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px;
	background: #ffffff;
	box-sizing: border-box;
}
#tk-form .tk-form-in { width: 100%; max-width: 380px; }
/* panel.css: .lg2-badge { inline-block; bg var(--p-soft); color var(--p); 700; .74rem; letter-spacing .04em; uppercase; padding 6px 13px; radius 999; margin-bottom 16px }
   Aydınlık: zemin #eef3ff, koyu mavi metin. text-transform KULLANILMAZ: Roundcube <html lang="tr"> bastığından tarayıcı
   "Webmail" → "WEBMAİL" (noktalı İ) üretirdi; metin şablonda doğrudan büyük harf ("TEMELKOD WEBMAIL"). */
#tk-form .tk-rozet {
	display: inline-block;
	background: #eef3ff;
	color: #2456e6;
	font-weight: 700;
	font-size: 11.8px;
	line-height: 1.55;
	letter-spacing: 0.04em;
	padding: 6px 13px;
	border-radius: 999px;
	margin-bottom: 16px;
}
/* panel.css: .lg2-form-in h2 { font-size:1.5rem; letter-spacing:-.5px; margin:0 0 4px } */
#tk-form .tk-baslik { margin: 0 0 4px; font-size: 24px; line-height: 1.55; font-weight: 700; letter-spacing: -0.5px; color: #1f2937; }
/* panel.css: .lg2-form-in .lg2-sub { color:var(--muted); font-size:.9rem; margin-bottom:26px } */
#tk-form .tk-alt { margin: 0 0 26px; font-size: 14.4px; line-height: 1.55; color: #6b7280; }

/* Elastic: #login-form{margin:0 auto;top:20vh;width:95%;max-width:320px;position:relative} · #login-form table,#login-form tbody{display:block}
   · #login-form .row{margin-right:0;margin-left:0} · .popup form.propform{padding:.25rem;overflow-x:hidden} */
#login-form { position: static; top: auto; width: 100%; max-width: none; margin: 0; padding: 0; text-align: left; }
/* Bootstrap: table{width:100%;margin-bottom:1rem;color:#212529} · .form-group{margin-bottom:1rem} · .row{display:flex;flex-wrap:wrap;margin:0 -15px}
   panel.css: .frm .field { margin-bottom:18px } → her satır bir .field */
#login-form table { margin: 0; color: inherit; }
#login-form table tr { display: block; margin: 0 0 18px; }
#login-form table td { display: block; padding: 0; border: 0; }
/* ui.js label.parent().css('display','none') → inline stil; !important ile etiket GÖRÜNÜR kalır (JS kapalıyken de) */
#login-form table td.title { display: block !important; width: 100%; }
/* Bootstrap: label{display:inline-block;margin-bottom:.5rem} · panel.css: .frm label { block; 600; .84rem; margin:0 0 6px; color:var(--ink) } */
#login-form table td.title label { display: block; margin: 0 0 6px; font-weight: 600; font-size: 13.4px; line-height: 1.55; color: #1f2937; }
/* Bootstrap: .input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%} */
#login-form table td.input { display: flex; position: relative; flex-wrap: nowrap; align-items: stretch; width: 100%; }
/* Alan ikonu (ui.js'in eklediği span.input-group-prepend > i.icon) gizli: portal alanlarında ikon yok
   Elastic: .input-group .icon{text-decoration:none;padding:5px .5rem} · .input-group .icon.user:before{content:"\f007"} */
#login-form .input-group-prepend { display: none; }
/* Bootstrap: .form-control{height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.25rem;background-color:#fff}
   · .input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)} · .input-group-lg>.form-control{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}
   · .input-group>.form-control{flex:1 1 auto;width:1%} · .input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}
   panel.css: .frm input { width:100%; padding:10px 13px; border:1.5px solid var(--line); radius 9px; font-size:.9rem; bg var(--card2); color var(--ink) } */
#login-form .form-control {
	flex: 1 1 auto;
	width: 100%;
	height: auto;
	padding: 10px 13px;
	font-size: 14.4px;
	line-height: 1.55;
	color: #1f2937;
	background-color: #ffffff;
	border: 1.5px solid #e5e7eb;
	border-radius: 9px;
	box-shadow: none;
}
/* panel.css: .frm input:hover:not(:focus) { border-color:var(--girdi-hover) (#c6d2e4) } */
#login-form .form-control:hover:not(:focus) { border-color: #c6d2e4; }
/* panel.css: .frm input:focus { outline:none; border-color:var(--p); box-shadow:0 0 0 3px rgba(36,86,230,.12) } · Elastic: .form-control:focus{border-color:#37beff;box-shadow:0 0 0 .2rem rgba(55,190,255,.25)} */
#login-form .form-control:focus { outline: 0; border-color: #2f66ff; box-shadow: 0 0 0 3px rgba(36, 86, 230, 0.12); z-index: 1; }
/* Tarayıcı otomatik doldurma (login_autocomplete=2): UA zemini yalnız inset box-shadow ile örtülür; Elastic/Bootstrap'ta :-webkit-autofill kuralı YOK */
#login-form .form-control:-webkit-autofill,
#login-form .form-control:-webkit-autofill:hover,
#login-form .form-control:-webkit-autofill:focus {
	-webkit-text-fill-color: #1f2937;
	-webkit-box-shadow: 0 0 0 1000px #ffffff inset;
	box-shadow: 0 0 0 1000px #ffffff inset;
	caret-color: #1f2937;
}
#login-form .form-control:-webkit-autofill:focus {
	-webkit-box-shadow: 0 0 0 3px rgba(36, 86, 230, 0.12), 0 0 0 1000px #ffffff inset;
	box-shadow: 0 0 0 3px rgba(36, 86, 230, 0.12), 0 0 0 1000px #ffffff inset;
}
/* Elastic: .form-control::placeholder{color:#bbb} — e-posta alanında örnek adres (login.html JS), şifrede boş */
#login-form .form-control::placeholder { color: #9ca3af; opacity: 1; }
/* panel.css: .pw-wrap input { padding-inline-end:44px } · .pw-eye { absolute; inset-inline-end:6px; top:50%; 34×34; radius 8; color var(--muted) } · :hover { color var(--p); bg var(--p-soft) } · svg 19px */
#login-form #rcmloginpwd { padding-right: 44px; }
#login-form .tk-goz {
	position: absolute;
	right: 6px;
	top: 50%;
	transform: translateY(-50%);
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	border-radius: 8px;
	color: #6b7280;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 2;
}
#login-form .tk-goz:hover { color: #2f66ff; background: #eef3ff; }
#login-form .tk-goz:focus { outline: 0; }
#login-form .tk-goz svg { width: 19px; height: 19px; display: block; }
#login-form .tk-goz[aria-pressed="true"] { color: #2f66ff; }
/* Bootstrap: p{margin:0 0 1rem} · ui.js: #rcmloginsubmit += "btn-lg text-uppercase w-100" (+ btn btn-primary)
   · .btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem} · .text-uppercase{text-transform:uppercase!important} → !important şart
   panel.css: .btn { inline-flex; center; gap 7px; radius 9px; 600; .86rem; line-height 1.4 } · Giris.cshtml: width:100%; padding:12px · .btn-p:hover { filter:brightness(1.08) } */
#login-form .formbuttons { margin: 0; padding: 0; }
#rcmloginsubmit {
	text-transform: none !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: auto;
	padding: 12px;
	font-size: 13.8px;
	font-weight: 600;
	line-height: 1.4;
	border-radius: 9px;
	color: #ffffff;
	background: #2f66ff;
	border: 1px solid #2f66ff;
}
#rcmloginsubmit:hover { background: #2f66ff; border-color: #2f66ff; color: #ffffff; filter: brightness(1.08); }
#rcmloginsubmit:focus { background: #2f66ff; border-color: #2f66ff; outline: 0; box-shadow: 0 0 0 3px rgba(47, 102, 255, 0.25); }
#rcmloginsubmit:not(:disabled):active { background: #2453d6; border-color: #2453d6; filter: none; }
/* Elastic: #login-form .oauthlogin{margin-top:1em;padding-top:1em} · #login-form .formbuttons+.oauthlogin{border-top:1px solid #ccc} */
#login-form .formbuttons + .oauthlogin { border-top: 1px solid #e5e7eb; }
/* Giris.cshtml alt satır: font-size .84rem; flex; space-between; margin-top 16px; color var(--muted); bağlantılar var(--p) 600 */
#tk-form .tk-baglantilar {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 12px;
	margin: 16px 0 0;
	font-size: 13.4px;
	line-height: 1.55;
	color: #6b7280;
}
#tk-form .tk-baglantilar a { color: #2f66ff; font-weight: 600; text-decoration: none; }
#tk-form .tk-baglantilar a:hover { text-decoration: underline; }
#tk-form .tk-baglantilar a:last-child { flex: none; white-space: nowrap; }

/* panel.css @media (max-width:860px): .lg2 tek sütun · .lg2-brand { min-height:250px; padding:34px } · .lg2-logo { max-height:76px; margin-bottom:12px }
   · h1 1.4rem (22.4px) · p .86rem (13.8px) · .lg2-foot gizli · .lg2-form { padding:34px 24px } */
@media screen and (max-width: 860px) {
	#tk-giris { grid-template-columns: 1fr; }
	#tk-marka { min-height: 250px; padding: 34px; border-right: 0; border-bottom: 1px solid #e5e7eb; }
	.task-login #logo { max-height: 76px; margin-bottom: 12px; }
	#tk-marka .tk-marka-baslik { font-size: 22.4px; }
	#tk-marka .tk-marka-alt { font-size: 13.8px; }
	#login-footer { display: none; }
	#tk-form { padding: 34px 24px; }
	#tk-form .tk-baglantilar { flex-direction: column; gap: 6px; }
}

/* ── Kullanıcı revizyonu 2026-09-06 ─────────────────────────── */
/* 1) "Hakkında" menü öğesi kaldırıldı (Roundcube adı yalnız lisans gereği kaynakta kalır) */
#taskmenu a.about { display: none !important; }
/* 2) Alt öğe "Çıkış" — kırmızı, zemin daima beyaz (kural yukarıda, görev menüsü bölümünde; etiket plugins/temelkod ile 'Kapat' → 'Çıkış') */
/* 3) Tüm kutu zeminleri beyaz: arama çubuğu, sayfalama şeridi (giriş ekranı: sol marka paneli #f6f7fb, sağ form beyaz) */
.searchbar, .menu.pagenav.pagenav-list + .navlist, #layout-list .footer, #layout-sidebar .footer { background-color: #ffffff; }

/* ── Kullanıcı metin revizyonu 2026-09-06: sol panel özellik satırı + formun altında güvenli bağlantı satırı ── */
#tk-marka .tk-ozellikler { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px 10px; margin: 22px auto 0; max-width: 420px; font-size: 12.5px; line-height: 1.5; font-weight: 600; letter-spacing: 0.01em; color: #4b5563; }
#tk-marka .tk-ozellikler .tk-ayrac { color: #f0b254; }
#tk-form .tk-guvenli { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 22px 0 0; font-size: 12.5px; line-height: 1.5; color: #6b7280; }
#tk-form .tk-guvenli svg { width: 15px; height: 15px; stroke: #16a34a; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }

/* ── Yazı tipi kararı 2026-09-06 (kullanıcı: "uygun olanı yap"): giriş ekranı + başlıklar Plus Jakarta Sans (portal markası),
   posta listesi/gövde Figtree (okunabilirlik). İkisi de yerel woff2; Google'a istek yok. PJS değişken font: tek dosya 200-800. */
@font-face {
	font-family: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, 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: "Plus Jakarta Sans";
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
	src: url("../fonts/plus-jakarta-sans-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;
}
/* Giriş ekranı tamamen PJS (portal giriş ekranıyla aynı aile) */
body.task-login, body.task-login button, body.task-login input, body.task-login .form-control, body.task-login .popover {
	font-family: "Plus Jakarta Sans", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
/* Uygulama içinde yalnız başlıklar PJS; liste ve gövde Figtree kalır */
h1, h2, h3, h4, .header-title, .ui-dialog-title, #layout > div > .header .header-title {
	font-family: "Plus Jakarta Sans", "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}