/* Tasarım sistemi v2 — ortak bileşenler (ADR #15 §8, 5b). Değerler yalnız ee-tokens.css'ten gelir.
   Sınıflar UI/TagHelpers/Ee*.cs tarafından üretilir; görünümlerde elle yazılmaz. Örnekler: /admin/ui-kit. */

/* ---------- Genel ---------- */
html, body { font-family: var(--ee-font); }
body { background: var(--ee-page); color: var(--ee-text); font-size: var(--ee-fs-base); line-height: var(--ee-lh); }
:focus-visible { outline: none; box-shadow: var(--ee-focus-ring) !important; }
.ee-sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ee-skip-link { position: absolute; left: -9999px; top: 8px; z-index: 2000; background: var(--ee-surface); color: var(--ee-primary); padding: 8px 16px; border-radius: var(--ee-radius-sm); font-weight: 600; }
.ee-skip-link:focus { left: 8px; }

/* Tema kabuğu: başlık zemini tokenla (eski satır içi aliceblue yerine) */
.app-header, .app-sidebar-logo { background-color: var(--ee-header-bg) !important; }
.app-header { border-bottom: 1px solid var(--ee-border); }

/* Kurum logosu yalnız açık zemine göre hazırlanmış: koyu temada da gösterilir (logo kutusu açık kalır). */
[data-bs-theme=dark] .app-sidebar-logo .theme-light-show { display: inline-block !important; }

/* Satır simge düğmeleri (ee-icon-button → .btn-action): renkler tokenlardan (eski sabit beyaz yerine) */
.btn-action { background: var(--ee-surface); border-color: var(--ee-border); color: var(--ee-text-2); }
.btn-action i { color: inherit; }
.btn-action.btn-edit:hover { color: var(--ee-primary); border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.btn-action.btn-delete:hover { color: var(--ee-bad); border-color: var(--ee-bad); background: var(--ee-bad-soft); }

/* Geçiş dönemi alt sınırı: eski ekranlardaki fs-8/fs-9 (≈11px/9.75px) en küçük metin boyutuna çekilir. */
.fs-8, .fs-9 { font-size: var(--ee-fs-sm) !important; }

/* ---------- Sayfa başlığı + yardım ---------- */
.ee-page-head { display: flex; flex-wrap: wrap; gap: var(--ee-space-4); align-items: flex-start; justify-content: space-between; margin-bottom: var(--ee-space-5); }
.ee-page-head h1 { font-size: var(--ee-fs-h1); font-weight: 700; margin: 0 0 var(--ee-space-1); color: var(--ee-text); line-height: 1.25; }
.ee-page-head .ee-page-desc { color: var(--ee-text-2); margin: 0; max-width: 70ch; }
.ee-page-head .ee-page-actions { display: flex; flex-wrap: wrap; gap: var(--ee-space-2); align-items: center; }
.ee-crumb { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-bottom: var(--ee-space-1); }
.ee-crumb a { color: var(--ee-text-2); }
/* Kayıt hâli (EKRAN-STANDARDI §8): yol kartın dışında; kart = ikon kutusu + kaydın adı + etiketler + tek satır bilgi. */
.ee-page-head.ee-page-record { flex-direction: column; flex-wrap: nowrap; align-items: stretch; gap: var(--ee-space-2); margin-bottom: 14px; }
.ee-page-record .ee-crumb { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.ee-page-record .ee-crumb a:hover { color: var(--ee-primary); }
.ee-page-record .ee-crumb [aria-current] { color: var(--ee-text); }
.ee-record { display: flex; align-items: center; gap: var(--ee-space-4); padding: 12px var(--ee-space-5); background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); box-shadow: var(--ee-shadow); }
.ee-record-icon { flex: none; width: 40px; height: 40px; display: grid; place-items: center; border-radius: var(--ee-radius-sm); background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-record-icon > i { font-size: 22px; color: inherit; }
.ee-record-main { flex: 1 1 auto; min-width: 0; }
/* Kartın içindeki alt satır (ee-page-header foot yuvası): üst çizgi + 12 (E-posta şablonu düzey satırı). */
.ee-record-has-foot { flex-direction: column; align-items: stretch; gap: 0; }
.ee-record-row { display: flex; align-items: center; gap: var(--ee-space-4); }
.ee-record-foot { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--ee-border); font-size: 13.5px; line-height: 20px; }
.ee-record-title { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-1) var(--ee-space-2); }
.ee-page-record h1 { font-size: 22px; margin: 0; overflow-wrap: anywhere; }
.ee-record-tags { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-1) var(--ee-space-2); }
.ee-page-record .ee-page-desc { margin-top: var(--ee-space-1); font-size: var(--ee-fs-sm); max-width: none; }
.ee-page-record .ee-page-actions { flex: 0 1 auto; min-width: 0; max-width: 100%; }
@media (max-width: 575.98px) { .ee-record { padding: 14px var(--ee-space-4); align-items: flex-start; flex-wrap: wrap; } .ee-record-icon { width: 40px; height: 40px; } .ee-record-icon > i { font-size: 22px; } }
/* Form alt şeridi: solda Kaydet/Vazgeç, yanında durum; uzun formda ekranın dibine yapışır. */
.ee-form-bar { position: sticky; bottom: 0; z-index: 3; display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); padding: var(--ee-space-3) var(--ee-space-5); margin-bottom: var(--ee-space-5); background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); box-shadow: var(--ee-shadow); }
.ee-form-bar-actions { display: flex; flex-wrap: wrap; gap: var(--ee-space-2); align-items: center; }
.ee-form-bar-end { margin-left: auto; display: flex; gap: var(--ee-space-2); align-items: center; }
.ee-form-bar-state { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-form-bar-state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-border-strong); flex: none; }
.ee-form-bar-dirty-only:not(.ee-dirty) { display: none; }
/* "Geri al" (§17): dönülecek yeri olmayan sayfada Vazgeç yerine; durumun hemen yanında bağlantı, yalnız değişiklik varken. */
.ee-form-bar-undo { order: 0; padding: 0; border: 0; background: none; color: var(--ee-primary); font-size: var(--ee-fs-sm); font-weight: 600; cursor: pointer; }
.ee-form-bar-undo:hover, .ee-form-bar-undo:focus-visible { text-decoration: underline; }
.ee-form-bar:not(.ee-dirty) .ee-form-bar-undo { display: none; }
.ee-form-bar.ee-dirty { box-shadow: 0 -4px 12px rgba(16, 24, 40, .10); border-color: var(--ee-border-strong); }
.ee-form-bar.ee-dirty .ee-form-bar-state { color: var(--ee-text); font-weight: 600; }
.ee-form-bar.ee-dirty .ee-form-bar-state::before { background: var(--ee-warn); }
[data-bs-theme=dark] .ee-form-bar.ee-dirty { box-shadow: 0 -4px 14px rgba(0, 0, 0, .45); }
@media (max-width: 575.98px) { .ee-form-bar { padding: var(--ee-space-3) var(--ee-space-4); } .ee-form-bar-actions { flex: 1 1 100%; } .ee-form-bar-actions > .btn { flex: 1; } }
/* Kırıntıda grup açılırı (ee-page-header navigation slotu): "Akademik Yapı ▾ › Enstitüler" — grup açılınca kardeş sayfalar. */
.ee-page-navigation { display: flex; align-items: center; gap: var(--ee-space-2); }
.ee-page-navigation i { font-size: var(--ee-fs-sm); color: inherit; }
.ee-page-navigation [aria-current] { color: var(--ee-text); }
.ee-page-navigation details { position: relative; }
/* Açık açılır sayfadaki kart/süzgeç/yapışkan çubukların (z ≤ 5) üstünde, üst çubuk (20) ve pencerelerin (Bootstrap 1055) altında kalır.
   Gerekli: details::details-content (ee-motion.css) opaklık geçişi sırasında kendi katman bağlamını kurar; panelin z-index'i o bağlamda hapsolur
   ve sonraki kardeşlerin (süzgeç kartı) altında kalırdı — z-index'i details'in kendisine vermek katmanı dışa çıkarır. */
.ee-page-navigation details[open] { z-index: 15; }
.ee-page-navigation summary { display: inline-flex; align-items: center; gap: var(--ee-space-1); list-style: none; cursor: pointer; }
.ee-page-navigation summary::-webkit-details-marker { display: none; }
.ee-page-navigation summary:hover, .ee-page-navigation details[open] > summary { color: var(--ee-primary); }
.ee-page-navigation-links { position: absolute; left: 0; top: calc(100% + var(--ee-space-1)); z-index: 30; display: flex; flex-direction: column; min-width: max-content; padding: var(--ee-space-1); background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); box-shadow: var(--ee-shadow); }
.ee-page-navigation-links a { padding: var(--ee-space-2) var(--ee-space-3); border-radius: var(--ee-radius-sm); color: var(--ee-text); text-decoration: none; }
.ee-page-navigation-links a:hover, .ee-page-navigation-links a[aria-current] { color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-help { margin: calc(-1 * var(--ee-space-3)) 0 var(--ee-space-5); }
.ee-help > summary { cursor: pointer; color: var(--ee-primary); font-size: var(--ee-fs-sm); font-weight: 600; display: inline-flex; align-items: center; gap: 6px; list-style: none; }
.ee-help > summary::-webkit-details-marker { display: none; }
.ee-help > .ee-help-body { margin-top: var(--ee-space-2); background: var(--ee-primary-soft); border-radius: var(--ee-radius-sm); padding: var(--ee-space-3) var(--ee-space-4); max-width: 75ch; color: var(--ee-text); }
.ee-help-body ol, .ee-help-body ul { margin: 6px 0 0; padding-left: 20px; }

/* ---------- Kart ---------- */
.ee-card { background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); box-shadow: var(--ee-shadow); margin-bottom: var(--ee-space-5); }
.ee-card-head { display: flex; flex-wrap: wrap; gap: var(--ee-space-3); align-items: center; justify-content: space-between; padding: var(--ee-space-4) var(--ee-space-5); border-bottom: 1px solid var(--ee-border); }
.ee-card-head:last-child { border-bottom: 0; }
.ee-card-head h2 { font-size: var(--ee-fs-h2); font-weight: 650; margin: 0; color: var(--ee-text); }
.ee-card-head .ee-card-sub { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-card-actions { display: flex; flex-wrap: wrap; gap: var(--ee-space-2); align-items: center; }
.ee-card-body { padding: var(--ee-space-5); }
.ee-card-body.ee-flush { padding: 0; }
.ee-card-foot { padding: var(--ee-space-4) var(--ee-space-5); border-top: 1px solid var(--ee-border); display: flex; flex-wrap: wrap; gap: var(--ee-space-2); }

/* ---------- Uyarı / bilgi kutusu ---------- */
.ee-alert { display: flex; gap: var(--ee-space-3); align-items: flex-start; border-radius: var(--ee-radius-sm); padding: var(--ee-space-3) var(--ee-space-4); margin-bottom: var(--ee-space-4); border: 1px solid transparent; }
.ee-alert[hidden] { display: none; }
.ee-alert > i, .ee-alert > .ee-infomark-lead { font-size: 20px; flex: none; margin-top: 1px; color: inherit; }
.ee-alert .ee-alert-title { font-weight: 650; }
.ee-alert.ee-info { background: var(--ee-primary-soft); color: var(--ee-text); border-color: rgba(var(--ee-primary-rgb), .25); }
.ee-alert.ee-info > i, .ee-alert.ee-info > .ee-infomark-lead { color: var(--ee-primary); }
.ee-alert.ee-ok { background: var(--ee-ok-soft); color: var(--ee-text); } .ee-alert.ee-ok > i, .ee-alert.ee-ok > .ee-infomark-lead { color: var(--ee-ok); }
.ee-alert.ee-warn { background: var(--ee-warn-soft); color: var(--ee-text); } .ee-alert.ee-warn > i, .ee-alert.ee-warn > .ee-infomark-lead { color: var(--ee-warn); }
.ee-alert.ee-bad { background: var(--ee-bad-soft); color: var(--ee-text); } .ee-alert.ee-bad > i, .ee-alert.ee-bad > .ee-infomark-lead { color: var(--ee-bad); }

/* ---------- Görev kartları ---------- */
.ee-tasks { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: var(--ee-space-4); margin-bottom: var(--ee-space-6); }
.ee-task { display: flex; flex-direction: column; gap: 6px; padding: var(--ee-space-4); text-decoration: none; color: var(--ee-text); position: relative; margin: 0; }
a.ee-task:hover { border-color: var(--ee-primary); color: var(--ee-text); }
.ee-task .ee-task-icon { width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 20px; }
.ee-task .ee-task-icon i { font-size: inherit; color: inherit; }
.ee-task h3 { font-size: var(--ee-fs-base); font-weight: 650; margin: 6px 0 0; color: inherit; }
.ee-task p { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin: 0; }
.ee-task .ee-task-count { position: absolute; top: var(--ee-space-4); right: var(--ee-space-4); }
.ee-task.ee-primary { background: var(--ee-primary); border-color: var(--ee-primary); color: var(--ee-on-primary); }
.ee-task.ee-primary p { color: var(--ee-on-primary); }
.ee-task.ee-primary .ee-task-icon { background: rgba(255, 255, 255, .18); color: var(--ee-on-primary); }
a.ee-task.ee-primary:hover { color: var(--ee-on-primary); filter: brightness(1.05); }

/* ---------- Durum rozeti ---------- */
.ee-status { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); font-weight: 600; padding: 2px 10px; border-radius: 999px; white-space: nowrap; line-height: 1.5; vertical-align: middle; }
.ee-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: none; }
.ee-status > i { font-size: 13px; color: inherit; }
.ee-status:has(> i)::before { display: none; }
.ee-status.ee-ok { background: var(--ee-ok-soft); color: var(--ee-ok); }
.ee-status.ee-warn { background: var(--ee-warn-soft); color: var(--ee-warn); }
.ee-status.ee-bad { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-status.ee-info { background: var(--ee-info-soft); color: var(--ee-info); }
.ee-status.ee-neutral { background: var(--ee-surface-2); color: var(--ee-text-2); border: 1px solid var(--ee-border); }
.ee-status.ee-neutral::before { display: none; }

/* ---------- Satır listesi ---------- */
.ee-list-group { display: flex; align-items: baseline; gap: 10px; padding: 10px var(--ee-space-5); background: var(--ee-surface-2); border-bottom: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); font-weight: 700; color: var(--ee-text-2); text-transform: uppercase; letter-spacing: .04em; }
.ee-list-group .ee-list-group-hint { text-transform: none; letter-spacing: 0; font-weight: 400; }
.ee-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px var(--ee-space-5); padding: var(--ee-space-4) var(--ee-space-5); border-bottom: 1px solid var(--ee-border); align-items: center; }
.ee-row:last-child { border-bottom: 0; }
.ee-row .ee-row-title { font-weight: 650; color: var(--ee-text); text-decoration: none; }
.ee-row a.ee-row-title:hover { color: var(--ee-primary); text-decoration: underline; }
.ee-row .ee-row-meta { display: flex; flex-wrap: wrap; gap: 4px var(--ee-space-4); font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-top: 4px; }
.ee-row .ee-row-meta i { margin-right: 4px; color: inherit; }
.ee-row .ee-row-side { display: flex; align-items: center; gap: var(--ee-space-2); justify-content: flex-end; flex-wrap: wrap; }
@media (max-width: 575.98px) { .ee-row { grid-template-columns: 1fr; } .ee-row .ee-row-side { justify-content: flex-start; } }

/* ---------- Tablo (yoğun listeler; sıralama/sayfalama sözleşmesi ADR #15 §7.6) ---------- */
.ee-table-wrap { overflow-x: auto; }
/* Kenarsız kartta tablo kartın yuvarlak köşelerine kırpılır: başlık zemini ve satır hover'ı köşeden taşmaz. */
.ee-card-body.ee-flush:first-child > .ee-table-wrap { border-top-left-radius: calc(var(--ee-radius) - 1px); border-top-right-radius: calc(var(--ee-radius) - 1px); }
.ee-card-body.ee-flush:last-child > .ee-table-wrap { border-bottom-left-radius: calc(var(--ee-radius) - 1px); border-bottom-right-radius: calc(var(--ee-radius) - 1px); }
.ee-table { width: 100%; border-collapse: collapse; font-size: var(--ee-fs-base); color: var(--ee-text); }
.ee-table th { font-size: var(--ee-fs-sm); font-weight: 650; color: var(--ee-text-2); text-align: left; padding: 10px 12px; border-bottom: 2px solid var(--ee-border); white-space: nowrap; background: var(--ee-surface-2); }
/* Grup başlık satırı (ee-tr kind="group"; D1-4): ee-list-group'un tablo karşılığı. */
.ee-table tr.ee-tr-group th { font-size: var(--ee-fs-sm); font-weight: 700; color: var(--ee-text-2); text-transform: uppercase; letter-spacing: .04em; padding: 8px 12px; background: var(--ee-surface-2); border-bottom: 1px solid var(--ee-border); }
.ee-table td { padding: var(--ee-table-cell-py) 12px; border-bottom: 1px solid var(--ee-border); vertical-align: middle; }
.ee-table tbody tr:hover { background: var(--ee-surface-2); }
.ee-table .ee-num { text-align: right; font-variant-numeric: tabular-nums; }
.ee-table .ee-center { text-align: center; }
.ee-table .ee-actions-cell { text-align: center; white-space: nowrap; width: 1%; }
.ee-table .ee-actions-cell > div { display: flex; gap: 6px; justify-content: center; }

/* ---------- Boş durum ---------- */
.ee-empty { text-align: center; padding: var(--ee-space-6) var(--ee-space-5); color: var(--ee-text-2); }
.ee-empty .ee-empty-icon { font-size: 32px; opacity: .75; }
.ee-empty .ee-empty-icon i { font-size: inherit; color: inherit; }
.ee-empty h3 { font-size: var(--ee-fs-base); color: var(--ee-text); margin: 8px 0 4px; font-weight: 650; }
.ee-empty p { margin: 0 auto 12px; max-width: 48ch; }
/* Kayan tabloda boş satır görünür alanda ortalı kalır (telefon; Süzgeç görünümleri taslağı goruntu/10): yapışkan, en çok kabın görünür genişliği − 24px. */
.ee-table-wrap:has(.ee-empty) { container-type: inline-size; }
.ee-table-wrap .ee-empty { position: sticky; left: 12px; max-width: calc(100cqw - 24px); }

/* ---------- Ayrıntılar (ileri düzey alanlar) ---------- */
.ee-details { border: 1px dashed var(--ee-border-strong); border-radius: var(--ee-radius-sm); margin: var(--ee-space-4) 0; }
.ee-details > summary { cursor: pointer; padding: 12px var(--ee-space-4); font-weight: 600; color: var(--ee-text); list-style: none; display: flex; align-items: baseline; gap: 8px; }
.ee-details > summary::-webkit-details-marker { display: none; }
.ee-details > summary::before { content: "▸"; color: var(--ee-text-2); transition: transform .15s; }
.ee-details[open] > summary::before { transform: rotate(90deg); }
.ee-details > summary .ee-details-hint { font-weight: 400; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-details > .ee-details-body { padding: 0 var(--ee-space-4) var(--ee-space-4); }

/* Satır içi küçük işlem (tablo hücresinde "Kısa adı değiştir", "Kullan"): çerçevesiz, bağlantı görünümlü; açılınca küçük form. */
.ee-details.ee-inline { border: 0; margin: 0; display: inline-block; vertical-align: middle; }
.ee-details.ee-inline > summary { padding: 0; font-weight: 500; color: var(--ee-primary); font-size: var(--ee-fs-sm); }
.ee-details.ee-inline > .ee-details-body { padding: 6px 0 0; }
.ee-details.ee-inline .ee-field { margin-bottom: 0; }
/* Satırın işlemleri: her satırda aynı hizada, tek satırda sağa yaslı; hepsi aynı bağlantı görünümünde. */
.ee-table .ee-actions-cell > div:has(> .ee-row-actions) { justify-content: flex-end; }
.ee-row-actions { display: flex; gap: 16px; justify-content: flex-end; align-items: flex-start; white-space: nowrap; }
.ee-row-actions form { margin: 0; display: flex; }
.ee-row-actions .ee-btn-link, .ee-row-actions .ee-details.ee-inline > summary { padding: 0 !important; border: 0; min-height: 0; font-size: var(--ee-fs-sm); font-weight: 500; line-height: 20px; height: 20px; display: inline-flex; align-items: center; text-decoration: none; color: var(--ee-primary) !important; }
.ee-row-actions .ee-details.ee-inline > summary { display: flex; width: max-content; margin-left: auto; }
.ee-row-actions .ee-btn-link:hover, .ee-row-actions .ee-details.ee-inline > summary:hover { text-decoration: underline; text-underline-offset: 3px; }
.ee-inline-form { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; }
.ee-inline-form .ee-field input { width: 10ch; }
.ee-row-actions .ee-inline-form { flex-wrap: nowrap; }

/* ---------- Form alanı (etiket ve açılır açıklama) ---------- */
.ee-field { margin-bottom: 18px; }
.ee-field > label, .ee-fieldset > legend, .ee-date-heading > label { display: block; font-weight: 600; margin-bottom: 4px; color: var(--ee-text); font-size: var(--ee-fs-base); }
/* Ortak form satırı kuralı (cila 1): her alanın etiket satırı (.ee-field-heading, tarihte .ee-date-heading) aynı yükseklikte, altındaki
   kutu (.ee-input — metin, sayı, select; tarih özeti) aynı boyda; yan yana alanlar böylece hem etikette hem kutuda aynı üst hizada. */
.ee-field-heading, .ee-date-heading { min-height: var(--ee-field-head-h); margin-bottom: 4px; }
.ee-field-heading:has(> .ee-sr-only:only-child) { min-height: 0; }   /* görünmez etiket (hide-label): satır yer tutmaz */
.ee-fieldset { border: 0; padding: 0; margin: 0 0 18px; min-width: 0; }
.ee-req { color: var(--ee-bad); margin-left: 2px; }
.ee-field-help { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin: var(--ee-space-2) 0 0; }
/* Giriş genişliği değere göre (ee-field maxlength): kısa kod dar, kısa metin orta; alan sütunu gereksiz yere doldurmaz. */
.ee-input.ee-input-short { max-width: 16ch; }
.ee-input.ee-input-medium { max-width: 44ch; }
/* Satır içi sayı kutusu (sınav notları, dönüşüm tablosu). */
.ee-input.ee-input-num { width: 8ch; padding: 4px 8px; text-align: right; display: inline-block; }
.ee-input.ee-input-num.ee-changed { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
/* Kontenjan tablosu (dönem sayfası, A3; Kontenjan taslağı v2.2 · K1a; çerçeve BD-3 §2.3). Geniş ekranda iç kaydırma yok, sayfa kayar: araç
   çubuğu üst çubuğun altına (--ee-appbar-h), iki katlı başlık çubuğun altına (--ee-quota-tools-h; betik çubuğun yüksekliğini ölçer, çubuk
   satıra sarılınca değişir), Toplam satırı Kaydet çubuğunun üstüne (--ee-quota-fb; betik ölçer) yapışık. Dar ekranda (≤ 980px: en küçük tablo
   ~656px + menü 250 + pay ~72; betikte aynı eşik) sayfa yine aşağı uzar; tablo yalnız yana kayar (kendi kaydırma alanı, dikey yapışık
   başlık ve çubuk yok), Program solda sabit (yalnız burada: genişte kayan kap yok, Program = kartın kalanı, en az --ee-quota-pgmin).
   Sabit tablo düzeni + colgroup; sayı sütunları 4 haneye göre dar, Toplam 5 haneye; tablo kartı doldurur, artan genişliği Program alır. */
.ee-quota-tools { position: sticky; top: var(--ee-appbar-h, 0px); z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; padding: 10px 16px; background: var(--ee-surface); border-bottom: 1px solid var(--ee-border); border-radius: calc(var(--ee-radius) - 1px) calc(var(--ee-radius) - 1px) 0 0; }
.ee-quota-acts { margin-left: auto; display: inline-flex; flex-wrap: wrap; gap: 6px; }
/* Süzgeçli çubuk (10 satırdan fazla): dosya işlemleri üstte sağda tek sıra, altında ortak süzgeç (arama · sayı · Görünümler, şerit) tam genişlikte. */
.ee-quota-tools.has-filter { flex-direction: column; align-items: stretch; flex-wrap: nowrap; gap: 0; padding: 0; }
.ee-quota-tools.has-filter > .ee-quota-acts { order: -1; margin: 0; padding: 10px 16px 0; justify-content: flex-end; }
.ee-quota-tools.has-filter > .ee-sf { min-width: 0; border-bottom: 0; padding-top: 10px; }
.ee-quota-rule { margin: 0; padding: 8px 16px; border-bottom: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-table-wrap.ee-quota-table { --ee-quota-pgmin: 280px; --ee-quota-rest: calc(6 * 64px + 72px); --ee-quota-top: calc(var(--ee-appbar-h, 0px) + var(--ee-quota-tools-h, 53px)); overflow: visible; }
@media (max-width: 1280px) { .ee-quota-table { --ee-quota-pgmin: 200px; } }
.ee-quota-table .ee-table { table-layout: fixed; width: max(100%, calc(var(--ee-quota-pgmin) + var(--ee-quota-rest))); border-collapse: separate; border-spacing: 0; font-size: 13.5px; }
.ee-quota-table .ee-quota-c-q { width: 64px; }
.ee-quota-table .ee-quota-c-tot { width: 72px; }
.ee-quota-table .ee-table th { position: sticky; z-index: 3; font-size: 12px; padding: 0 4px; border-bottom: 1px solid var(--ee-border); line-height: 1.25; vertical-align: middle; }
.ee-quota-table thead tr:nth-child(1) th { top: var(--ee-quota-top); height: 36px; }
.ee-quota-table thead tr:nth-child(2) th { top: calc(var(--ee-quota-top) + 36px); height: 24px; font-weight: 600; }
.ee-quota-table thead th[rowspan] { vertical-align: bottom; padding: 0 6px 6px 8px; }
.ee-quota-table th.ee-quota-grp { text-align: center; }
.ee-quota-table th.ee-quota-grp small { display: block; font-size: 11px; font-weight: 500; color: var(--ee-text-3); margin-top: 2px; }
.ee-quota-table .ee-quota-bl { border-left: 1px solid var(--ee-border-strong); }
.ee-quota-table .ee-quota-bl2 { border-left: 1px solid var(--ee-border); }
.ee-quota-table .ee-quota-bt { border-left: 2px solid var(--ee-border-strong); }   /* Yatay geçiş grubu: kalın çizgi */
.ee-quota-table .ee-table td { height: 36px; padding: 2px 8px; background: var(--ee-surface); }
.ee-quota-table .ee-quota-pn { font-weight: 600; }
.ee-quota-table .ee-quota-flag { display: block; font-size: 12px; font-weight: 600; color: var(--ee-bad); line-height: 1.35; padding-bottom: 2px; }
.ee-quota-table .ee-quota-abdn { display: block; font-size: 12px; line-height: 1.3; color: var(--ee-text-2); }
.ee-quota-table tr.ee-quota-cont .ee-quota-pn, .ee-quota-table tr.ee-quota-cont .ee-quota-abdn { display: none; }
.ee-quota-table td.ee-quota-q { padding: 2px 3px; text-align: right; }
.ee-quota-table td.ee-quota-v { padding-right: 8px; font-variant-numeric: tabular-nums; }
.ee-quota-table td.ee-quota-v.is-zero { color: var(--ee-text-3); }
.ee-quota-table td.ee-quota-na { background: var(--ee-cell-na); text-align: center; color: var(--ee-text-3); font-size: 12px; }
.ee-quota-table td.ee-quota-tot { padding: 2px 6px; font-weight: 650; white-space: nowrap; }
.ee-quota-table tr.ee-quota-closed td.ee-quota-tot { font-weight: 500; font-size: 12.5px; color: var(--ee-text-3); }
.ee-quota-table tr.ee-quota-closed .ee-quota-pn { color: var(--ee-text-3); }
.ee-quota-table tfoot td { position: sticky; bottom: var(--ee-quota-fb, 0px); z-index: 3; height: 38px; background: var(--ee-surface-2); border-top: 2px solid var(--ee-border-strong); border-bottom: 0; font-weight: 700; font-variant-numeric: tabular-nums; }
.ee-quota-table tfoot td[data-quota-foot] { padding: 2px 4px 2px 3px; white-space: nowrap; }
.ee-quota-table tfoot td[data-quota-foot-total] { padding: 2px 6px; white-space: nowrap; }
.ee-quota-table tfoot small { display: block; font-size: 11.5px; font-weight: 500; color: var(--ee-text-2); }
.ee-quota-input { width: 56px; height: 28px; padding: 0 5px; border: 1px solid transparent; border-radius: 6px; background: transparent; color: var(--ee-text); text-align: right; font-variant-numeric: tabular-nums; }
.ee-quota-table tbody tr:hover .ee-quota-input { border-color: var(--ee-border-strong); background: var(--ee-surface); }
.ee-quota-table .ee-quota-input:focus { outline: none; border-color: var(--ee-primary); background: var(--ee-surface); box-shadow: var(--ee-focus-ring); }
.ee-quota-input.is-zero { color: var(--ee-text-3); }
.ee-quota-table .ee-quota-input.is-changed { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-text); }
.ee-quota-table .ee-quota-input.is-error { border-color: var(--ee-bad); background: var(--ee-bad-soft); color: var(--ee-bad); }
/* K1b: yayında gerekçeyle ya da uyarıyla geçilen azaltma sarıdır; ayrımsız tezsiz satırının tek kutusu iki alt sütunun ortasında;
   hazırlıkta etkin olmayan biçimin hücreleri gizli (ee-quota-off); "Alan ayrımı yap / Ayrımı kaldır" program adının altında. */
.ee-quota-table .ee-quota-input.is-warn { border-color: var(--ee-warn); background: var(--ee-warn-soft); color: var(--ee-text); }
.ee-quota-table .ee-quota-flag.is-warn { color: var(--ee-warn); }
.ee-quota-table td.ee-quota-cmb { text-align: center; }
.ee-quota-table td.ee-quota-off { display: none; }
.ee-quota-table .ee-quota-split { display: block; width: fit-content; font-size: 12px; font-weight: 500; line-height: 1.35; }
@media (max-width: 980px) {
  .ee-table-wrap.ee-quota-table { --ee-quota-top: 0px; --ee-quota-tools-h: 0px; overflow-x: auto; }
  .ee-quota-tools { position: static; }
  .ee-quota-table tfoot td { bottom: 0; }
  .ee-quota-table .ee-quota-pg { position: sticky; left: 0; z-index: 2; }
  .ee-quota-table th.ee-quota-pg { z-index: 4; }
  .ee-quota-table tfoot td.ee-quota-pg { z-index: 4; }
}
.ee-quota-override-list { margin-bottom: 14px; }
#quota-override .ee-field { margin-bottom: 0; }
.ee-quota-override-help { display: block; margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-quota-override-help.is-error { color: var(--ee-bad); }
.ee-quota-none { margin: 0; padding: 24px 16px; text-align: center; color: var(--ee-text-2); }
/* Kaydet çubuğu (EKRAN-STANDARDI §8, §17): solda Kaydet, yanında canlı özet, "Geri al" ve "Değişenleri göster"; "Sıradaki: Yayımla" en sağda. */
.ee-quota-bar .ee-form-bar-actions { display: contents; }
.ee-quota-bar .ee-form-bar-state { order: 1; max-width: 640px; }   /* uzun özet (yayında azaltma notu) kutuda kırılır, "Değişenleri göster" yanında kalır */
.ee-quota-bar .ee-form-bar-undo { order: 2; }
.ee-quota-bar .ee-quota-show-changed { order: 3; }
.ee-quota-bar .ee-quota-next { order: 4; margin-left: auto; }
.ee-quota-bar.is-blocked .ee-form-bar-state { color: var(--ee-bad); font-weight: 600; }
.ee-quota-bar.is-blocked .ee-form-bar-state::before { background: var(--ee-bad); }
.ee-quota-bulk-fields { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.ee-quota-bulk-fields .ee-field { margin-bottom: 0; }
.ee-quota-bulk-col { width: 250px; }
.ee-quota-bulk-value .ee-input { width: 90px; text-align: right; }
.ee-quota-bulk-help { display: block; margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-quota-bulk-result { margin: 0; font-size: var(--ee-fs-sm); }
/* K2: Excel'den yükle (dosya bırakma alanı) ve önizleme (özet, Aktarılmayacaklar, Uyarılar, Değişecekler — tablo kendi içinde kayar). */
.ee-quota-drop { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 16px; text-align: center; border: 1.5px dashed var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-quota-drop > i { font-size: 28px; color: var(--ee-primary); }
.ee-quota-drop .ee-btn-link { padding: 0 !important; vertical-align: baseline; }
.ee-quota-drop small { color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-quota-drop.is-over { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-quota-preview-busy { margin: 0; color: var(--ee-text-2); }
.ee-quota-preview-sum { margin: 0 0 var(--ee-space-3); }
.ee-quota-preview-list ul { margin: 4px 0 0; padding-left: 18px; }
.ee-quota-preview-list li + li { margin-top: 2px; }
.ee-quota-preview-h { margin: 0 0 6px; font-size: var(--ee-fs-base); font-weight: 650; }
.ee-quota-preview-box { max-height: 320px; overflow: auto; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); }
.ee-quota-preview-table td.is-up { color: var(--ee-ok); font-weight: 600; }
.ee-quota-preview-table td.is-down { color: var(--ee-bad); font-weight: 600; }
.ee-quota-preview-foot { margin-right: auto; font-size: var(--ee-fs-sm); color: var(--ee-bad); }
.ee-quota-copy-scope { margin: 0 0 var(--ee-space-3); color: var(--ee-text-2); }

/* Tarih ve tarih aralığı: tek satır özet, ortak daterangepicker görünümü. */
.ee-period-basics { display: flex; flex-wrap: wrap; align-items: start; gap: var(--ee-space-5); }
.ee-period-form .ee-field { margin-bottom: 0; }
.ee-period-basics > .ee-field:first-child { flex: 0 1 18ch; min-width: 16ch; }
.ee-period-basics > .ee-field:last-child { flex: 0 1 44ch; min-width: min(100%, 22ch); }
.ee-period-basics .ee-input { max-width: 100%; }
.ee-period-form { display: grid; gap: var(--ee-space-5); }
.ee-period-windows { display: grid; grid-template-columns: repeat(2, minmax(0, 48ch)); gap: var(--ee-space-5); }
.ee-date-field { min-width: 0; max-width: 48ch; }
.ee-date-heading { display: flex; align-items: center; gap: var(--ee-space-2); }
.ee-date-heading > label { margin: 0; }
.ee-date-duration { color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-date-control { position: relative; }
.ee-date-summary { width: 100%; max-width: 100%; height: var(--ee-control-h); padding-right: 48px; font-weight: 400; }
.ee-date-icon { position: absolute; right: 13px; top: 50%; transform: translateY(-50%); color: var(--ee-text-2); pointer-events: none; }
.ee-date-weekend { color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-date-summary:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.daterangepicker { z-index: 1100; max-width: calc(100vw - 16px); border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface); color: var(--ee-text); box-shadow: var(--ee-raised-shadow); font: var(--ee-fs-sm)/1.45 var(--ee-font); }
.daterangepicker .calendar-table { border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); }
.daterangepicker .calendar-table th, .daterangepicker .calendar-table td { color: var(--ee-text); }
.daterangepicker .calendar-table th { color: var(--ee-text-2); }
.daterangepicker td.off, .daterangepicker td.off.in-range { background: var(--ee-surface-2); color: var(--ee-text-2); }
.daterangepicker td.available:hover, .daterangepicker th.available:hover { background: var(--ee-primary-soft); color: var(--ee-primary); }
.daterangepicker td.in-range { background: var(--ee-primary-soft); color: var(--ee-text); border-radius: 0; }
.daterangepicker td.today:not(.active) { box-shadow: inset 0 0 0 1px var(--ee-primary); }
.daterangepicker td.active, .daterangepicker td.active:hover, .daterangepicker td.start-date, .daterangepicker td.end-date { background: var(--ee-primary); color: var(--ee-on-primary); }
.daterangepicker .drp-buttons .btn, .daterangepicker .ee-date-clear, .daterangepicker .ee-date-now { min-height: 34px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); padding: 6px 11px; background: var(--ee-surface); color: var(--ee-text); font: 600 var(--ee-fs-sm) var(--ee-font); }
.daterangepicker .drp-buttons .applyBtn { border-color: var(--ee-primary); background: var(--ee-primary); color: var(--ee-on-primary); }
[data-bs-theme=dark] .daterangepicker { color-scheme: dark; }
[data-bs-theme=dark] .daterangepicker .calendar-table, [data-bs-theme=dark] .daterangepicker .calendar-table th, [data-bs-theme=dark] .daterangepicker .calendar-table td { background: var(--ee-surface); color: var(--ee-text); }
[data-bs-theme=dark] .daterangepicker td.off, [data-bs-theme=dark] .daterangepicker td.off.in-range { background: var(--ee-surface-2); color: var(--ee-text-2); }
[data-bs-theme=dark] .daterangepicker td.in-range { background: var(--ee-primary-soft); color: var(--ee-text); }
[data-bs-theme=dark] .daterangepicker td.active, [data-bs-theme=dark] .daterangepicker td.start-date, [data-bs-theme=dark] .daterangepicker td.end-date { background: var(--ee-primary); color: var(--ee-on-primary); }
@media (max-width: 767px) { .ee-period-basics, .ee-period-windows { grid-template-columns: minmax(0, 1fr); display: grid; } .ee-period-windows { gap: var(--ee-space-4); } .ee-period-basics > .ee-field { min-width: 0; width: 100%; } }
/* Kompakt yerleşim: hazır aralık listesi yok; iki takvim yan yana (dar ekranda alt alta), saat her takvimin altında tek satır, alt şerit tek satır. */
.daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { padding: 8px 10px 6px; }
.daterangepicker .drp-calendar.right { border-left: 1px solid var(--ee-border); }
.daterangepicker .calendar-table { border: 0; padding: 0; }
.daterangepicker .drp-calendar.left .calendar-table { padding-right: 0; }
.daterangepicker .drp-calendar td, .daterangepicker .drp-calendar th { width: 36px; min-width: 36px; height: 30px; line-height: 28px; font-size: var(--ee-fs-sm); }
.daterangepicker .drp-calendar th.prev, .daterangepicker .drp-calendar th.next { height: 32px; }
.daterangepicker .drp-calendar td.active, .daterangepicker .drp-calendar td.active:hover, .daterangepicker .drp-calendar td.today.active { background: var(--ee-primary) !important; color: var(--ee-on-primary) !important; }
.daterangepicker .drp-calendar td.in-range.available:not(.active):not(.off):not(.today) { background-color: var(--ee-primary-soft); color: var(--ee-text); }
.daterangepicker .drp-calendar td.today:not(.active) { background: transparent !important; color: var(--ee-text) !important; box-shadow: inset 0 0 0 1px var(--ee-primary); }
.daterangepicker .drp-calendar td.available:not(.active):not(.today):hover { background-color: var(--ee-primary-soft); color: var(--ee-primary); }
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar td.active, .daterangepicker .drp-calendar td.today { border-radius: var(--ee-radius-sm); }
.daterangepicker .calendar-table th.month { padding: 0 0 4px; white-space: nowrap; }
.daterangepicker select.monthselect, .daterangepicker select.yearselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect { appearance: auto; height: 28px; margin: 0; padding: 0 2px 0 6px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background-color: var(--ee-surface) !important; color: var(--ee-text); font: 500 var(--ee-fs-sm) var(--ee-font); }
.daterangepicker select.monthselect, .daterangepicker select.yearselect { width: 5.6rem; }
.daterangepicker select.monthselect { margin-right: 4px; }
.daterangepicker select.hourselect, .daterangepicker select.minuteselect { width: 52px; }
.daterangepicker select:focus-visible { outline: none; border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.daterangepicker .calendar-time { margin: 6px 0 0; line-height: 28px; color: var(--ee-text-2); white-space: nowrap; }
.daterangepicker .calendar-time:empty, .daterangepicker .calendar-time[style*="display: none"] { display: none; }
.daterangepicker.show-calendar .drp-buttons { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--ee-border); }
.daterangepicker .drp-buttons .drp-selected { order: 0; flex: 1 1 auto; min-width: 0; padding: 0; text-align: center; white-space: nowrap; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.daterangepicker.single .drp-buttons .drp-selected { display: block; }
.daterangepicker .drp-buttons .btn, .daterangepicker .ee-date-clear, .daterangepicker .ee-date-now { margin: 0; min-height: 30px; padding: 4px 10px; }
.daterangepicker .ee-date-clear { order: -1; float: none; }
.daterangepicker .ee-date-now { order: -2; float: none; }
.daterangepicker .ee-date-now:disabled { opacity: .5; cursor: not-allowed; }
/* Tek tarih: Vazgeç yok (dışarı tıklama/Esc vazgeçer). Saatsiz tek tarihte gün tıklanınca uygulanır: alt çubukta yalnız Bugün + Temizle. */
.daterangepicker.single .drp-buttons .cancelBtn { display: none; }
.daterangepicker.single.auto-apply .drp-buttons { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-top: 1px solid var(--ee-border); }
.daterangepicker.auto-apply .drp-buttons .drp-selected, .daterangepicker.auto-apply .drp-buttons .applyBtn { display: none; }
.daterangepicker .drp-buttons .cancelBtn { order: 1; }
.daterangepicker .drp-buttons .applyBtn { order: 2; }
/* Açılır alanlar (EKRAN-STANDARDI §9a): takvim de öneri listesi gibi alana yapışık açılır; yerini ee-anchor.js verir (ok yok, 4px aralık).
   Takvim içeriğe göre sabit ve kompakt: 7 eşit sütun (36px, dar ekranda 40px); pencere ya da alan genişledikçe büyümez. */
.daterangepicker, .daterangepicker.drop-up { position: fixed; box-sizing: border-box; margin: 0; }
.daterangepicker:before, .daterangepicker:after { display: none; }
.daterangepicker, .daterangepicker.single { width: auto; }
.daterangepicker .drp-calendar { max-width: none; }
.daterangepicker .calendar-table table { width: calc(7 * 36px); }
.daterangepicker .drp-calendar th.month { width: calc(5 * 36px); }
.daterangepicker select.monthselect { width: 5.5rem; }
.daterangepicker select.yearselect { width: 5.2rem; }
/* Dar ekran (<576px): takvim ekran genişliğine yayılmaz (~300px), aralıkta iki takvim alt alta, dokunma hedefi 40px. */
@media (max-width: 575.98px) {
  .daterangepicker, .daterangepicker.single { width: min-content; }
  .daterangepicker .calendar-table table { width: calc(7 * 40px); }
  .daterangepicker .drp-calendar th.month { width: calc(5 * 40px); }
  .daterangepicker .drp-calendar.left, .daterangepicker .drp-calendar.right { float: none; padding: 6px 8px 4px; }
  .daterangepicker .drp-calendar.right { border-left: 0; border-top: 1px solid var(--ee-border); }
  .daterangepicker .drp-calendar td, .daterangepicker .drp-calendar th { width: 40px; min-width: 40px; height: 40px; line-height: 38px; }
  .daterangepicker .drp-calendar th.prev, .daterangepicker .drp-calendar th.next { height: 40px; }
  .daterangepicker select.monthselect, .daterangepicker select.yearselect { height: 36px; }
  .daterangepicker .drp-buttons .btn, .daterangepicker .ee-date-clear, .daterangepicker .ee-date-now { min-height: 40px; padding: 6px 14px; }
  .daterangepicker.show-calendar .drp-buttons { flex-wrap: wrap; }
  .daterangepicker .drp-buttons .drp-selected { order: -3; flex-basis: 100%; }
}
/* Kutu genişliği değere göre (bileşene gömülü): tarih ~132px, saatli tarih ~180px, aralık ~248/340px, saat ~92px, öneri en çok 360px. */
.ee-date-field[data-ee-single] .ee-date-control { width: fit-content; max-width: 100%; }
.ee-date-field[data-ee-single] .ee-date-summary { padding-right: 34px; }
.ee-date-field[data-ee-single] .ee-date-icon { right: 10px; }
.ee-date-field[data-ee-single="true"][data-ee-time="false"] .ee-date-summary { width: 132px; }
.ee-date-field[data-ee-year="false"] .ee-date-summary { width: 104px; }   /* yılsız gün.ay (her yıl aynı gün) */
.daterangepicker.ee-date-noyear select.yearselect, .daterangepicker.ee-date-noyear .calendar-table thead tr:last-child, .daterangepicker.ee-date-noyear .ranges { display: none; }
.ee-date-field[data-ee-single="true"][data-ee-time="true"] .ee-date-summary { width: 180px; }
.ee-date-field[data-ee-single="false"][data-ee-time="false"] .ee-date-summary { width: 248px; }
.ee-date-field[data-ee-single="false"][data-ee-time="true"] .ee-date-summary { width: 340px; }
.ee-sf-pin-date .ee-date-field[data-ee-single][data-ee-time] .ee-date-summary, .ee-sf-pin-date .ee-date-field[data-ee-single] .ee-date-control { width: 100%; }
.ee-combo { position: relative; display: inline-flex; align-items: center; max-width: 100%; }
.ee-combo > .ee-input { padding-right: 34px; }
.ee-combo-icon { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); color: var(--ee-text-2); pointer-events: none; }
.ee-time-field .ee-combo > .ee-input { width: 92px; }
.ee-suggest-field .ee-combo { display: flex; width: min(360px, 100%); }
.ee-suggest-field .ee-combo > .ee-input { width: 100%; }
/* Öneri listesi (saat, yer, karar sayısı): tek yüzen liste, yerini ee-anchor.js verir; ↑↓ gezinir, Enter seçer, Esc kapatır. */
/* pointer-events: pencerede (.modal-dialog { pointer-events: none }) içine eklenen liste fareyle seçilebilsin (Mesaj-Gorevli 4). */
.ee-combo-pop { position: fixed; z-index: 1200; margin: 0; pointer-events: auto; padding: 4px; list-style: none; max-width: min(460px, calc(100vw - 16px)); max-height: 290px; overflow-y: auto; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-raised-card); color: var(--ee-text); box-shadow: var(--ee-raised-shadow); }
.ee-combo-pop[hidden] { display: none; }
.ee-combo-pop li { display: flex; justify-content: space-between; align-items: baseline; gap: 14px; padding: 6px 10px; border-radius: var(--ee-radius-sm); font-size: var(--ee-fs-sm); cursor: pointer; }
.ee-combo-pop li small { color: var(--ee-text-2); font-size: 12px; white-space: nowrap; }
.ee-combo-pop li:hover { background: var(--ee-raised-muted); }
.ee-combo-pop li.ee-combo-cur { font-weight: 700; }
.ee-combo-pop li[aria-selected="true"] { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-combo-pop .ee-combo-gh { cursor: default; font-size: 12px; font-weight: 600; letter-spacing: .02em; color: var(--ee-text-2); padding: 8px 10px 2px; }
.ee-combo-pop .ee-combo-ft { cursor: default; display: block; color: var(--ee-text-2); font-size: 12.5px; border-top: 1px solid var(--ee-border); margin-top: 4px; border-radius: 0; }
.ee-combo-pop .ee-combo-gh:hover, .ee-combo-pop .ee-combo-ft:hover { background: none; }
.ee-combo-pop.ee-combo-grid { display: grid; grid-template-columns: repeat(4, auto); }
.ee-combo-pop.ee-combo-grid[hidden] { display: none; }
.ee-combo-pop.ee-combo-grid .ee-combo-gh, .ee-combo-pop.ee-combo-grid .ee-combo-ft { grid-column: 1 / -1; }
.ee-combo-pop.ee-combo-grid li:not(.ee-combo-gh):not(.ee-combo-ft) { justify-content: center; font-variant-numeric: tabular-nums; }
@media (max-width: 575.98px) { .ee-combo-pop li:not(.ee-combo-gh):not(.ee-combo-ft):not(.ee-ms-sep) { min-height: 40px; align-items: center; } }
.ee-input { display: block; width: 100%; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); padding: 8px 12px; background: var(--ee-surface); color: var(--ee-text); font-size: var(--ee-fs-base); line-height: 1.4; min-height: var(--ee-control-h); }
select.ee-input { appearance: auto; }
.ee-field > select.ee-input { height: var(--ee-control-h); }
textarea.ee-input { min-height: 80px; resize: vertical; }
.ee-input:focus { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); outline: none; }
.ee-input[readonly], .ee-input:disabled { background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-input.is-invalid { border-color: var(--ee-bad); }
.ee-input.is-valid { border-color: var(--ee-ok); }
.ee-input.ee-inline { display: inline-block; width: 6rem; text-align: center; font-weight: 700; min-height: 34px; padding: 4px 8px; margin: 0 4px; vertical-align: baseline; }
select.ee-input.ee-inline { width: auto; min-width: 6rem; text-align: left; }
.ee-choices { display: flex; flex-direction: column; gap: 8px; }
.ee-choices.ee-inline-choices { flex-direction: row; flex-wrap: wrap; }
.ee-choice { display: flex; gap: 10px; align-items: flex-start; padding: 10px 14px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); cursor: pointer; margin: 0; background: var(--ee-surface); }
.ee-choice:has(input:checked) { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-choice input { margin-top: 3px; accent-color: var(--ee-primary); width: 16px; height: 16px; flex: none; }
.ee-choice .ee-choice-title { font-weight: 600; display: block; }
.ee-choice .ee-choice-text { font-size: var(--ee-fs-sm); color: var(--ee-text-2); display: block; }
.ee-inline-choices .ee-choice { border-radius: 999px; padding: 6px 14px; align-items: center; }
.ee-inline-choices .ee-choice input { margin-top: 0; }

/* Tanım formlarının veri alanları */
.ee-form-row { --bs-gutter-x: var(--ee-space-5); }
.ee-form-stack { display: grid; gap: var(--ee-space-4); }
.ee-form-stack > .ee-form-row > .ee-field, .ee-form-stack > .ee-fieldset, .ee-form-stack > .ee-switch-field { margin-bottom: 0; }
.ee-field-help { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-field-error { color: var(--ee-bad); font-size: var(--ee-fs-sm); margin-top: var(--ee-space-2); }
.ee-field-error::before { content: "⚠"; margin-right: 5px; }
.ee-field-heading { display: flex; align-items: center; gap: var(--ee-space-2); }
.ee-field-heading > label { margin: 0; font-weight: 600; color: var(--ee-text); }
.ee-help-wrap { display: inline-flex; position: relative; vertical-align: middle; margin-left: var(--ee-space-2); }
.ee-field-heading .ee-help-wrap { margin-left: 0; }
.ee-help-trigger { display: inline-grid; place-items: center; width: 21px; height: 21px; padding: 0; border: 1px solid var(--ee-border-strong); border-radius: 50%; background: var(--ee-surface); color: var(--ee-text-2); font: 700 var(--ee-fs-sm) var(--ee-font); cursor: pointer; }
.ee-help-trigger:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-help-pop { position: fixed; z-index: 1100; width: min(32ch, calc(100vw - 24px)); max-height: calc(100vh - 24px); overflow: auto; padding: var(--ee-space-3); border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); box-shadow: var(--ee-shadow); font-size: var(--ee-fs-sm); font-weight: 400; line-height: 1.4; }
.ee-help-pop strong, .ee-help-pop span { display: block; }
.ee-help-pop strong { margin-bottom: var(--ee-space-1); }
.ee-field .ee-input.is-invalid, .ee-fieldset:has(.is-invalid) .ee-choice, .ee-switch-field:has(.is-invalid) .ee-switch-track, .ee-score-range:has(.is-invalid) .ee-score-range-controls { border-color: var(--ee-bad); }
.ee-field .ee-input.is-invalid:focus-visible { box-shadow: 0 0 0 3px var(--ee-bad-soft); }
.ee-form-bar .ee-form-bar-state.ee-validation-state { color: var(--ee-bad); cursor: pointer; font-weight: 600; }
.ee-form-bar .ee-form-bar-state.ee-validation-state::before { background: var(--ee-bad); }
.ee-validation-summary { margin: var(--ee-space-3) 0; color: var(--ee-bad); font-size: var(--ee-fs-sm); }
.ee-switch-field { display: flex; align-items: center; gap: var(--ee-space-2); }
.ee-switch-field .ee-help-wrap { margin-left: 0; }
.ee-switch-field .ee-switch { width: auto; min-height: 28px; align-items: center; }
.ee-switch-field .ee-switch-track { margin-top: 0; }
.ee-switch-field .ee-switch-copy { display: block; }
.ee-switch-field .ee-switch-state { display: none; }
.ee-field-feedback { color: var(--ee-ok); font-size: var(--ee-fs-sm); margin-top: var(--ee-space-2); min-height: var(--ee-space-5); }
.ee-field-feedback.ee-bad { color: var(--ee-bad); }
/* Bölmeli seçim (layout="segmented"): kısa başlıklı 2–3 seçenek tek şerit; radyo görünmez, seçili bölme yüzeyde vurgulu. */
.ee-fieldset-seg { margin-bottom: 0; }
.ee-fieldset-seg .ee-choices { display: inline-flex; flex-direction: row; flex-wrap: nowrap; gap: 2px; padding: 2px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); max-width: 100%; }
.ee-fieldset-seg .ee-choice { position: relative; padding: 6px 11px; border: 0; border-radius: 6px; background: none; align-items: center; justify-content: center; }
.ee-fieldset-seg .ee-choice input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.ee-fieldset-seg .ee-choice .ee-choice-title { font-size: 13.5px; color: var(--ee-text-2); white-space: nowrap; }
.ee-fieldset-seg .ee-choice:has(input:checked) { background: var(--ee-surface); box-shadow: 0 0 0 1px var(--ee-border-strong), var(--ee-shadow); }
.ee-fieldset-seg .ee-choice:has(input:checked) .ee-choice-title { color: var(--ee-text); }
.ee-fieldset-seg .ee-choice:focus-within { box-shadow: var(--ee-focus-ring); }
@media (max-width: 575.98px) { .ee-fieldset-seg .ee-choices { display: flex; } .ee-fieldset-seg .ee-choice { flex: 1; } .ee-fieldset-seg .ee-choice .ee-choice-title { white-space: normal; text-align: center; } }
/* Tek satırlık onay kutusu: çerçevesiz, yazı kutunun yanında. */
.ee-choice.ee-choice-plain { padding: 0; border: 0; background: none; align-items: center; }
.ee-choice.ee-choice-plain:has(input:checked) { background: none; }
.ee-choice.ee-choice-plain input { margin-top: 0; }
.ee-choice.ee-choice-plain .ee-choice-title { font-weight: 400; display: inline; }
/* İlk şifre (yeni kullanıcı) ve şifre penceresi: seçim + şifre kutusu + onay alt alta, sıkı aralık. */
.ee-start { display: grid; gap: 12px; margin-top: var(--ee-space-4); padding-top: var(--ee-space-4); border-top: 1px solid var(--ee-border); }
.ee-start .ee-fieldset > legend { margin-bottom: 6px; }
.ee-start .row { --bs-gutter-y: 12px; }
.ee-pwbox { display: flex; align-items: center; gap: 4px; min-height: 40px; padding: 0 4px 0 12px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-pwbox .ee-input { flex: 1 1 auto; font-family: var(--ee-font-mono, monospace); min-width: 0; padding: 0; border: 0; background: none; box-shadow: none; font-weight: 600; font-size: 15px; letter-spacing: .04em; text-overflow: ellipsis; }
.ee-pwbox .ee-input:focus { outline: none; box-shadow: none; }
.ee-pwbox:focus-within { box-shadow: var(--ee-focus-ring); }
.ee-pwbox .btn-action { flex: none; }
.ee-fieldset-cards .ee-choices { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--ee-space-3); }
.ee-fieldset-cards .ee-choice { min-width: 0; height: 100%; padding: var(--ee-space-4); transition: border-color .18s ease, background-color .18s ease; }
.ee-fieldset-cards .ee-choice:focus-within { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-fieldset-cards .ee-choice-title { color: var(--ee-text); }
.ee-fieldset-cards .ee-choice-text { line-height: var(--ee-lh); }
.ee-fieldset-cards .ee-choice:has(.is-invalid) { border-color: var(--ee-bad); }
/* Seçenek kartları kabın genişliğine göre sarar (sayısı değişen listeler, ör. başvurunun sınav seçenekleri: 1–6 kart): dar kapta iki
   sütun ve sıkı kart, çok dar kapta tek sütun; telefonda (aşağıdaki medya kuralı) her zaman tek sütun. */
.ee-fieldset-cards { container: ee-cards / inline-size; }
@container ee-cards (max-width: 560px) { .ee-fieldset-cards .ee-choices { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ee-space-2); } .ee-fieldset-cards .ee-choice { padding: 10px var(--ee-space-3); } }
@container ee-cards (max-width: 340px) { .ee-fieldset-cards .ee-choices { grid-template-columns: minmax(0, 1fr); } }
.ee-score-range-label { color: var(--ee-text); font-size: var(--ee-fs-base); font-weight: 600; margin-bottom: var(--ee-space-1); }
/* Sayı kutuları (uygulama geneli): tarayıcının küçük adımlı artırma okları yok; değer yazılır. Tekerlek/ok tuşu: ee-number-input.js */
input[type=number] { -moz-appearance: textfield; appearance: textfield; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
.ee-score-validity-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--ee-space-5); align-items: start; }
.ee-score-validity-row > .ee-field { min-width: 0; margin-bottom: 0; }
.ee-score-range-controls { display: flex; align-items: center; gap: var(--ee-space-2); min-width: 0; }
.ee-score-range-controls .ee-input { flex: 0 0 7ch; min-width: 0; width: 7ch; text-align: center; }
.ee-score-range-dash { flex: none; color: var(--ee-text-2); font-size: var(--ee-fs-lg); }
.ee-score-decimal { flex: 0 1 19rem; min-width: 10rem; margin: 0; }
.ee-score-decimal .ee-switch-state { display: none; }
.ee-validity-field { width: max-content; max-width: 100%; }
.ee-stepper { display: inline-flex; align-items: center; max-width: 100%; }
.ee-stepper .ee-input { width: 5ch; min-width: 5ch; padding-inline: var(--ee-space-1); text-align: center; border-radius: 0; }
.ee-stepper-button { width: 36px; height: 40px; flex: none; border: 1px solid var(--ee-border-strong); background: var(--ee-surface-2); color: var(--ee-text); font-size: var(--ee-fs-lg); cursor: pointer; }
.ee-stepper-button:first-child { border-radius: var(--ee-radius-sm) 0 0 var(--ee-radius-sm); }
.ee-stepper-button:last-child { border-radius: 0 var(--ee-radius-sm) var(--ee-radius-sm) 0; }
.ee-stepper-button:disabled { color: var(--ee-text-2); cursor: default; opacity: .55; }
.ee-stepper-button:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); position: relative; }
.ee-stepper-unit { display: inline-flex; align-items: center; height: 40px; padding-inline: var(--ee-space-2); border-block: 1px solid var(--ee-border-strong); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-switch { display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: start; gap: var(--ee-space-2); width: 100%; min-height: 40px; color: var(--ee-text); pointer-events: none; }
.ee-switch input { position: absolute; opacity: 0; width: 1px; height: 1px; }
.ee-switch-track { pointer-events: auto; cursor: pointer; position: relative; display: block; width: 42px; height: 24px; margin-top: var(--ee-space-2); border-radius: 999px; background: var(--ee-border-strong); transition: background-color .18s ease; }
.ee-switch-track::after { content: ""; position: absolute; top: var(--ee-space-1); left: var(--ee-space-1); width: 16px; height: 16px; border-radius: 50%; background: var(--ee-surface); transition: transform .18s ease; }
.ee-switch input:checked + .ee-switch-track { background: var(--ee-primary); }
.ee-switch input:checked + .ee-switch-track::after { transform: translateX(18px); }
.ee-switch input:focus-visible + .ee-switch-track { box-shadow: var(--ee-focus-ring); }
.ee-switch-copy { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: var(--ee-space-2); min-width: 0; }
.ee-switch-copy strong { font-weight: 600; white-space: nowrap; }
.ee-switch-state { color: var(--ee-text-2); font-size: var(--ee-fs-sm); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-self: center; }
.ee-switch-copy .ee-field-help { grid-column: 1 / -1; display: block; margin: 0; }
.ee-group-panel:not([hidden]) { animation: ee-form-enter .18s ease-out; }
.ee-group-empty { color: var(--ee-text-2); margin-bottom: var(--ee-space-5); }
.ee-multi-select .select2-selection__choice { background: var(--ee-primary-soft); border: 1px solid var(--ee-primary); border-radius: var(--ee-radius-sm); color: var(--ee-text); }
.ee-multi-select .select2-selection__choice__remove { color: var(--ee-text); }
.ee-multi-select .select2-search--inline .select2-search__field, .ee-multi-select .select2-search--inline .select2-search__field:focus, .ee-multi-select .select2-search--inline .select2-search__field:focus-visible { border: 0 !important; outline: 0; box-shadow: none !important; background: transparent; } /* odak halkası dış kutuda */
:is(.ee-field, .ee-multi-select) .select2-container--focus .select2-selection, :is(.ee-field, .ee-multi-select) .select2-container--open .select2-selection { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-multi-select .select2-container .select2-selection.is-invalid { border-color: var(--ee-bad); }
.ee-multi-select:has(.ee-input.is-invalid) .select2-selection--multiple { border-color: var(--ee-bad); }
.ee-form-select-dropdown { background: var(--ee-surface); border-color: var(--ee-border-strong); color: var(--ee-text); }
.ee-form-select-dropdown .select2-search__field { background: var(--ee-surface); color: var(--ee-text); border-color: var(--ee-border-strong); }
.ee-form-select-dropdown .select2-results__option { color: var(--ee-text); }
.ee-form-select-dropdown .select2-results__option--highlighted { background: var(--ee-primary-soft); color: var(--ee-text); }
@keyframes ee-form-enter { from { opacity: 0; transform: translateY(var(--ee-space-1)); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 767.98px) { .ee-fieldset-cards .ee-choices { grid-template-columns: 1fr; } .ee-score-validity-row { grid-template-columns: minmax(0, 1fr); gap: var(--ee-space-4); } }
@media (prefers-reduced-motion: reduce) { .ee-group-panel:not([hidden]) { animation: none; } .ee-fieldset-cards .ee-choice, .ee-switch-track, .ee-switch-track::after { transition: none; } }
/* Anahtar, etiket üstte (ee-switch stacked): anahtar kutularla aynı yükseklikte satırda, yanında durum yazısı. */
.ee-switch-stacked { display: block; }
.ee-switch-stacked .ee-switch-heading { font-weight: 600; color: var(--ee-text); }
.ee-switch-stacked .ee-switch { display: inline-grid; grid-template-columns: 42px auto; align-items: center; width: auto; min-height: var(--ee-control-h); }
.ee-switch-stacked .ee-switch-track { margin-top: 0; }
.ee-switch-field.ee-switch-stacked .ee-switch-state { display: inline; font-size: var(--ee-fs-sm); }
.ee-switch-stacked input:disabled + .ee-switch-track { opacity: .55; cursor: default; }

/* Tanım ekranı düzeni (taslak v3; EKRAN-STANDARDI'na aday): sayfa sütunu sınırlı ve menüye yaslı; sol sütun kimlik + tekil ayarlar,
   sağ sütun çok satırlı veri. Kap ≥ 980px ise yan yana, değilse alt alta; sağ yoksa sol tek başına. Kutular alçak (34px). */
.ee-def-page { max-width: var(--ee-def-max); container-type: inline-size; --ee-control-h: var(--ee-def-control-h); }
.ee-def-cols { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 var(--ee-space-4); align-items: start; }
.ee-def-cols:not(.ee-def-cols-two) { max-width: var(--ee-def-left); }
@container (min-width: 980px) { .ee-def-cols.ee-def-cols-two { grid-template-columns: minmax(440px, var(--ee-def-left)) minmax(0, 1fr); } }
.ee-def-col { min-width: 0; }
.ee-def-page .ee-input { padding: 5px 10px; font-size: var(--ee-def-input-fs); line-height: 1.3; }
.ee-def-page select.ee-input { padding: 4px 8px; }
.ee-def-page .ee-field { margin-bottom: 0; }
.ee-def-page .ee-field-feedback:empty { min-height: 0; margin: 0; }
.ee-def-idline { display: grid; grid-template-columns: calc(14ch + 22px) minmax(0, 24ch) auto; justify-content: start; gap: var(--ee-space-3) var(--ee-space-4); align-items: start; }
.ee-def-idline .ee-input { max-width: none; }
.ee-def-code .ee-input { text-transform: uppercase; }
.ee-def-scoreline { display: flex; flex-wrap: wrap; gap: var(--ee-space-3) var(--ee-space-6); align-items: flex-start; }
.ee-def-scoreline > .ee-field { width: auto; margin: 0; }
.ee-def-scoreline .ee-score-range-label { display: flex; align-items: center; min-height: var(--ee-field-head-h); margin-bottom: 4px; }
.ee-def-scoreline .ee-score-range-controls .ee-input { flex: 0 0 var(--ee-score-range-w, 7ch); width: var(--ee-score-range-w, 7ch); text-align: right; }
.ee-def-page .ee-stepper-button, .ee-def-page .ee-stepper-unit { height: var(--ee-control-h); }
.ee-def-page .ee-stepper .ee-input { width: 4ch; min-width: 4ch; }
.ee-def-sub { margin-top: var(--ee-space-4); padding-top: var(--ee-space-4); border-top: 1px dashed var(--ee-border); }
.ee-def-sub .ee-fieldset { margin-bottom: 0; }
.ee-def-note { display: block; margin: 0 0 var(--ee-space-3); padding: 9px var(--ee-space-3); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-def-note-warn { background: var(--ee-warn-soft); color: var(--ee-warn); }
.ee-def-method { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); margin-bottom: var(--ee-space-3); }
.ee-def-method .ee-fieldset-seg { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); }
.ee-def-method .ee-fieldset-seg > legend { float: left; width: auto; margin: 0; }
.ee-def-sentence { color: var(--ee-text-2); margin: 0 0 var(--ee-space-3); }
.ee-def-scoreline + .ee-def-sentence { margin: var(--ee-space-2) 0 0; font-size: var(--ee-fs-sm); }
.ee-def-formula-help { white-space: normal; }
.ee-def-example { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2); width: fit-content; max-width: 100%; margin-top: var(--ee-space-3); padding: 6px 10px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-def-example .ee-input { width: var(--ee-score-w, 8ch); }
.ee-def-example strong { color: var(--ee-text); font-variant-numeric: tabular-nums; }
.ee-field-feedback.ee-warn { color: var(--ee-warn); }
/* Karşılık tablosu: Excel gibi küçük tablo (exam-type-conversion.js çizer). Satırlar sabit sayıda bloklara bölünür, bloklar yan yana;
   en altta hep kesik çizgili boş satır; satırın yanında soluk okunuş ("–454"); ✕ yalnız satırın üzerine gelince. */
.ee-conv-grid { display: flex; flex-wrap: wrap; gap: 6px 22px; align-items: flex-start; }
.ee-conv-block { display: grid; gap: 3px; }
.ee-conv-head, .ee-conv-row { display: grid; grid-template-columns: var(--ee-score-w, 8ch) 6ch calc(5ch + 14px) 16px; gap: 4px; align-items: center; }
.ee-conv-head { color: var(--ee-text-2); font-size: var(--ee-fs-sm); font-weight: 600; padding-bottom: 2px; border-bottom: 1px solid var(--ee-border); }
.ee-conv-head > :nth-child(3) { text-align: right; }
.ee-def-page .ee-conv-row .ee-input, .ee-def-page .ee-conv-row .ee-input.ee-input-num { width: 100%; min-height: 0; height: var(--ee-def-cell-h); padding: 2px 6px; font-size: var(--ee-fs-sm); }
.ee-conv-upto { color: var(--ee-text-2); font-size: var(--ee-fs-sm); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-conv-del { border: 0; background: none; color: var(--ee-bad); cursor: pointer; opacity: 0; padding: 0; font-size: var(--ee-fs-sm); }
.ee-conv-row:hover .ee-conv-del, .ee-conv-row:focus-within .ee-conv-del { opacity: .6; }
.ee-conv-del:hover, .ee-conv-del:focus-visible { opacity: 1; }
.ee-conv-row.ee-conv-ghost .ee-input { border-style: dashed; background: transparent; }
.ee-conv-row.ee-conv-ghost .ee-conv-del { visibility: hidden; }
.ee-conv-row .ee-input.is-invalid { border-color: var(--ee-bad); background: var(--ee-bad-soft); }
.ee-conv-foot { display: flex; flex-wrap: wrap; gap: 6px 14px; align-items: baseline; margin-top: var(--ee-space-2); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-conv-note { color: var(--ee-ok); }
.ee-conv-note.ee-warn { color: var(--ee-warn); }
.ee-conv-issues { margin: 6px 0 0; padding: 0; list-style: none; font-size: var(--ee-fs-sm); }
.ee-conv-issues li { color: var(--ee-bad); margin-bottom: 2px; }
.ee-conv-issues li.ee-warn { color: var(--ee-warn); }
@media (max-width: 575.98px) { .ee-def-idline { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } }

/* ---------- Düğmeler (tema .btn üstüne tokenlar) ---------- */
.btn { border-radius: var(--ee-radius-sm); font-weight: 600; }
.btn.btn-primary { background-color: var(--ee-primary) !important; border-color: var(--ee-primary) !important; color: var(--ee-on-primary) !important; }
.btn.btn-primary i { color: inherit !important; }
.ee-btn-secondary { background: var(--ee-surface-2) !important; border: 1px solid var(--ee-border) !important; color: var(--ee-text) !important; }
.ee-btn-secondary i { color: inherit !important; }
.ee-btn-link { background: none !important; border: 0 !important; color: var(--ee-primary) !important; padding-left: 4px !important; padding-right: 4px !important; text-decoration: underline; text-underline-offset: 3px; }
.ee-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; margin-top: var(--ee-space-5); }

/* ---------- Sihirbaz adımları ---------- */
.ee-steps { display: flex; gap: 8px; list-style: none; padding: 0; margin: 0 0 var(--ee-space-5); }
.ee-steps li { flex: 1; min-width: 0; }
.ee-steps .ee-step { display: block; width: 100%; border-top: 4px solid var(--ee-border); padding: 8px 0 0; color: var(--ee-text-2); text-decoration: none; }
.ee-steps .ee-step-no { display: block; font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-steps .ee-step-title { display: block; font-weight: 650; }
.ee-steps li.ee-done .ee-step { border-top-color: var(--ee-ok); color: var(--ee-text); }
.ee-steps li.ee-current .ee-step { border-top-color: var(--ee-primary); color: var(--ee-primary); }
a.ee-step:hover .ee-step-title { text-decoration: underline; }
@media (max-width: 575.98px) { .ee-steps .ee-step-title { display: none; } .ee-steps li.ee-current .ee-step-title { display: block; } }
/* Serbest kip (başvuru sihirbazı, Adım 2 B2): her adım bağlantı, ✓ adımın kendi durumundan, sayı sağda; side = solda dikey. */
.ee-steps-free .ee-step-count { margin-left: auto; color: var(--ee-text-2); font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-steps-side { flex-direction: column; gap: 2px; position: sticky; top: var(--ee-space-5); padding: var(--ee-space-2); background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); }
.ee-steps-side li { flex: none; }
.ee-steps-side .ee-step { display: flex; align-items: center; gap: var(--ee-space-2); border-top: 0; border-radius: var(--ee-radius-sm); padding: var(--ee-space-2) var(--ee-space-3); color: var(--ee-text); }
.ee-steps-side .ee-step-no { display: inline-grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 50%; border: 1.5px solid currentColor; font-size: var(--ee-fs-sm); }
.ee-steps-side .ee-step-title { display: inline; }
.ee-steps-side a.ee-step:hover { background: var(--ee-surface-2); }
.ee-steps-side a.ee-step:hover .ee-step-title { text-decoration: none; }
.ee-steps-side li.ee-current .ee-step { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-steps-side li.ee-done .ee-step-no { background: var(--ee-ok); border-color: var(--ee-ok); color: var(--ee-surface); }
.ee-wizard { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--ee-space-5); align-items: start; }
@media (max-width: 991.98px) {
    .ee-wizard { grid-template-columns: 1fr; }
    .ee-steps-side { position: static; flex-direction: row; overflow-x: auto; }
    .ee-steps-side .ee-step { white-space: nowrap; }
    .ee-steps-side .ee-step-title { display: inline; }
}

/* ---------- Kural cümlesi ---------- */
.ee-rule { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px var(--ee-space-4); padding: 14px var(--ee-space-5); border-bottom: 1px solid var(--ee-border); align-items: center; }
.ee-rule:last-child { border-bottom: 0; }
.ee-rule .ee-rule-text { color: var(--ee-text); }
.ee-rule .ee-rule-text b { font-weight: 700; }
.ee-rule .ee-rule-side { display: flex; gap: 6px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.ee-rule .ee-rule-src { grid-column: 1 / -1; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-rule.ee-changed { background: var(--ee-warn-soft); box-shadow: inset 4px 0 0 var(--ee-warn); }
.ee-rule.ee-added { background: var(--ee-ok-soft); box-shadow: inset 4px 0 0 var(--ee-ok); }
.ee-rule.ee-removed { background: var(--ee-bad-soft); box-shadow: inset 4px 0 0 var(--ee-bad); }
.ee-rule.ee-removed .ee-rule-text { text-decoration: line-through; }
.ee-rule .ee-rule-was s { color: var(--ee-bad); }
@media (max-width: 575.98px) { .ee-rule { grid-template-columns: 1fr; } .ee-rule .ee-rule-side { justify-content: flex-start; } }

/* ---------- Kontrol listesi ---------- */
.ee-check { display: flex; gap: 12px; padding: 12px 0; border-bottom: 1px solid var(--ee-border); }
.ee-check:last-child { border-bottom: 0; }
.ee-check > i { font-size: 22px; flex: none; }
.ee-check.ee-ok > i { color: var(--ee-ok); } .ee-check.ee-warn > i { color: var(--ee-warn); } .ee-check.ee-bad > i { color: var(--ee-bad); }
.ee-check .ee-check-title { font-weight: 650; }
.ee-check .ee-check-text { color: var(--ee-text-2); }

/* ---------- Özet listesi ---------- */
.ee-summary { margin: 0; border-top: 1px solid var(--ee-border); }
.ee-summary > div { display: grid; grid-template-columns: 14rem minmax(0, 1fr) auto; gap: 4px var(--ee-space-4); padding: 12px 0; border-bottom: 1px solid var(--ee-border); }
.ee-summary dt { color: var(--ee-text-2); font-weight: 500; }
.ee-summary dd { margin: 0; font-weight: 600; }
.ee-summary .ee-summary-change { text-align: right; font-weight: 400; }
@media (max-width: 575.98px) { .ee-summary > div { grid-template-columns: 1fr; } .ee-summary .ee-summary-change { text-align: left; } }

/* ---------- Dinamik değer deseni: yalnız CSS değişkeni (style="--ee-progress:40%") ---------- */
.ee-progress { height: 8px; border-radius: 999px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); overflow: hidden; }
.ee-progress > span { display: block; height: 100%; width: var(--ee-progress, 0%); background: var(--ee-primary); }

/* ---------- Kod / teknik değer ---------- */
.ee-code { font-family: var(--ee-font-mono); font-size: var(--ee-fs-sm); background: var(--ee-surface-2); border: 1px solid var(--ee-border); border-radius: 4px; padding: 0 5px; color: var(--ee-text); }

/* ---------- Liste filtresi (ee-filter) ve sayfalama (_Pager kartın alt bölümünde) — 5b-3 ---------- */
.ee-filter { background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); margin-bottom: var(--ee-space-4); }
.ee-filter > summary { cursor: pointer; padding: 10px var(--ee-space-4); font-weight: 600; color: var(--ee-text); list-style: none; display: flex; align-items: center; gap: 8px; }
.ee-filter > summary::-webkit-details-marker { display: none; }
.ee-filter > summary > i { color: var(--ee-text-2); font-size: 18px; }
.ee-filter > summary > .ee-filter-total { margin-left: auto; font-weight: 400; font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-filter .ee-filter-body { padding: 0 var(--ee-space-4) var(--ee-space-4); }
.ee-filter .ee-filter-fields { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 0 var(--ee-space-4); }
.ee-filter .ee-filter-fields .ee-field { margin-bottom: 12px; }
.ee-filter .ee-filter-actions { display: flex; flex-wrap: wrap; gap: 8px; }
/* ---------- Liste süzgeci, tanımlı hâl (Filtre C; ee-filter.js): tek kutu + öneriler + etiketler, durum şeridi, görünümler ---------- */
.ee-sf { padding: 14px var(--ee-space-4) 12px; border-bottom: 1px solid var(--ee-border); display: flex; flex-direction: column; gap: 12px; }
.ee-sf-row { position: relative; display: flex; gap: 8px; align-items: flex-start; }
/* Şeritsiz listede sayı arama satırının en sonunda: Görünümler'in (yoksa Süzgeç'in) sağında, düğmeler arasına girmez; dar kipte de düşmez (EKRAN-STANDARDI §16-2, kullanıcı 2026-11-09). */
.ee-sf-row > .ee-sf-total { flex: none; align-self: center; margin: 0 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); white-space: nowrap; }
.ee-sf-sb { position: relative; flex: 1 1 auto; min-width: 0; }
.ee-sf-box { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-height: 42px; padding: 6px 8px 6px 36px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); cursor: text; }
.ee-sf-box:focus-within { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-sf-box > i { position: absolute; left: 11px; top: 12px; font-size: 17px; color: var(--ee-text-2); pointer-events: none; }
.ee-sf-input { flex: 1 1 160px; min-width: 90px; height: 28px; border: 0; background: transparent; padding: 0 2px; color: var(--ee-text); font-size: 14px; }
.ee-sf-input::placeholder { color: var(--ee-text-2); opacity: .85; }
.ee-sf-input:focus, .ee-sf-input:focus-visible { outline: 0; box-shadow: none !important; } /* odak halkası dış kutuda (.ee-sf-box:focus-within) */
.ee-sf-kbd { font: 12px var(--ee-font-mono); color: var(--ee-text-2); border: 1px solid var(--ee-border-strong); border-radius: 4px; padding: 0 5px; line-height: 18px; }
.ee-sf-clr { border: 0; background: transparent; color: var(--ee-text-2); cursor: pointer; font-size: var(--ee-fs-sm); padding: 2px 6px; border-radius: 6px; }
.ee-sf-clr:hover { color: var(--ee-primary); background: var(--ee-surface-2); }
.ee-sf-clr { flex: none; }
@media (max-width: 575.98px) { .ee-sf-input { flex-basis: 60px; min-width: 60px; } } /* dar kutuda Temizle yazıyla aynı satırda kalır */
.ee-sf-tok { display: inline-flex; align-items: center; min-width: 0; max-width: min(100%, 36ch); height: 28px; border-radius: 6px; background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-sf-tok-b { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border: 0; background: transparent; color: inherit; cursor: pointer; padding: 0 2px 0 9px; font-size: 14px; font-weight: 600; height: 100%; border-radius: 6px 0 0 6px; }
.ee-sf-tok-b .ee-sf-tk { font-weight: 400; opacity: .78; margin-right: 5px; }
.ee-sf-tok-b .ee-sf-nt { font-size: 12px; font-weight: 700; margin-right: 5px; }
.ee-sf-tok-x { flex: none; border: 0; background: transparent; color: inherit; cursor: pointer; width: 24px; height: 24px; margin-right: 2px; border-radius: 5px; display: grid; place-items: center; opacity: .75; }
.ee-sf-tok-x > i { font-size: 13px; color: inherit; }
.ee-sf-tok-x:hover { opacity: 1; background: var(--ee-surface); }
.ee-sf-tok.ee-sf-neg { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-sf-pop, .ee-sf-menu { position: absolute; z-index: 30; top: calc(100% + 6px); background: var(--ee-raised-card); color: var(--ee-text); border: 1px solid var(--ee-raised-line); outline: 1px solid var(--ee-raised-outline); border-radius: var(--ee-radius-sm); box-shadow: var(--ee-raised-shadow); padding: 6px; }
.ee-sf-pop { left: 0; width: max(100%, 460px); max-width: calc(100vw - 16px); max-height: 420px; overflow: auto; }
.ee-sf-pop.drop-up { top: auto; bottom: calc(100% + 6px); }
.ee-sf-pg { font-size: 12px; font-weight: 600; color: var(--ee-text-2); letter-spacing: .02em; padding: 6px 10px 2px; }
.ee-sf-grp { font-size: 11.5px; font-weight: 700; color: var(--ee-text-3); letter-spacing: .04em; text-transform: uppercase; padding: 4px 8px 6px; }
.ee-sf-psep { height: 1px; background: var(--ee-raised-line); margin: 6px 4px; }
.ee-sf-si { display: grid; grid-template-columns: 8rem minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 7px 10px; border-radius: 6px; cursor: pointer; font-size: 14px; }
.ee-sf-si:hover { background: var(--ee-raised-muted); }
.ee-sf-si[aria-selected="true"] { background: var(--ee-primary-soft); }
.ee-sf-sk { font-size: 12px; color: var(--ee-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-sf-sv { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-sf-sv mark, .ee-sf mark, mark.ee-sf-hit { background: color-mix(in srgb, var(--ee-warn) 28%, transparent); color: inherit; padding: 0; border-radius: 2px; }
.ee-sf-pre { color: var(--ee-text-2); font-size: 12px; margin-right: 6px; }
.ee-sf-post { color: var(--ee-text-2); font-size: 12px; margin-left: 6px; }
.ee-sf-c { font-size: 12px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; min-width: 2.5ch; }
.ee-sf-c.ee-sf-zero { color: var(--ee-warn); font-weight: 700; }
.ee-sf-txt .ee-sf-sk { display: inline-flex; align-items: center; gap: 6px; }
.ee-sf-si.ee-sf-txt { grid-template-columns: auto minmax(0, 1fr) auto; }   /* ilk satır: büyüteç + "… geçenleri ara" (alan adı sütunu yok) */
.ee-sf-si.ee-sf-nl { grid-template-columns: minmax(0, 1fr) auto; }
.ee-sf-si.ee-sf-nl .ee-sf-sv { white-space: normal; display: flex; flex-wrap: wrap; gap: 4px; }
.ee-sf-mt { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; border-radius: 5px; background: var(--ee-primary-soft); color: var(--ee-primary); padding: 1px 8px; }
.ee-sf-mt i { font-style: normal; font-weight: 400; opacity: .8; }
.ee-sf-mt.ee-sf-neg { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-sf-mt.ee-sf-tx { background: var(--ee-raised-muted); color: var(--ee-text); border: 1px solid var(--ee-raised-line); }
.ee-sf-phint { font-size: 12px; color: var(--ee-text-2); padding: 8px 10px 2px; border-top: 1px solid var(--ee-raised-line); margin-top: 6px; }
.ee-sf-pin input, .ee-sf-vin input { height: 32px; padding: 0 10px; border: 1px solid var(--ee-border-strong); border-radius: 6px; background: var(--ee-surface); color: var(--ee-text); }
.ee-sf-pin { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding: 6px 10px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-sf-pin label { display: inline-flex; gap: 6px; align-items: center; }
.ee-sf-pin input[type=number] { width: 6.5rem; }
.ee-sf-pin-date .ee-date-field { flex: 1 1 230px; max-width: 320px; margin: 0; }   /* süzgeç penceresinde ortak tarih seçici, girdilerle aynı boy */
.ee-sf-pin-date .ee-date-summary { height: 32px; min-height: 32px; padding: 0 36px 0 10px; }
.ee-sf-bulk { display: flex; align-items: center; gap: 2px; padding: 2px 6px 4px; color: var(--ee-text-3, var(--ee-text-2)); font-size: var(--ee-fs-sm); }
.ee-sf-bulk .ee-sf-link:disabled { color: var(--ee-text-2); opacity: .45; cursor: default; text-decoration: none; }
.ee-sf-link { border: 0; background: transparent; color: var(--ee-primary); cursor: pointer; padding: 2px 4px; font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-sf-link:hover { text-decoration: underline; }
.ee-sf-vw { position: relative; flex: none; }
/* Süzgeç düğmesi (kutu · Süzgeç · [sayı] · Görünümler; EKRAN-STANDARDI §16-2): Görünümler'le aynı biçim; açılırda listenin bütün alanları. */
.ee-sf-fl { position: relative; flex: none; }
.ee-sf-fl:empty { display: none; }
.ee-sf-fbtn.ee-sf-open:not(.ee-sf-on) { border-color: var(--ee-primary); color: var(--ee-primary); }
.ee-sf-fbtn.ee-sf-open > i { color: inherit; }
/* Süzgeç paneli (kullanıcı 2026-11-08; taslak A — ölçü sözleşmesi NOTLAR §7): arama satırının altında, tabloyu iter, üstüne binmez.
   Izgara 200px'lik sütunlar (967px kartta 4 × 215px), alan 16 + 3 + 34 = 53px; telefonda tam ekran sayfa. */
.ee-sf-fpw:empty { display: none; }
.ee-sf-fpw-pre { display: none; }   /* betik gelmeden panel yeri: kayıtlı açık panel yüksekliği (EeFilterTagHelper satır içi betiği) */
.ee-sf[data-sf-pre] > .ee-sf-fpw-pre { display: block; height: var(--ee-sf-pre-h, 170px); border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface-2); }
.ee-sf-fp { position: relative; border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface-2); padding: 10px 14px 2px; }
.ee-sf-fg { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px 14px; }
.ee-sf-fp:not(.ee-sf-fpmore) .ee-sf-ffmx { display: none; }
.ee-sf-ff { position: relative; min-width: 0; border-radius: 8px; }
.ee-sf-ff.ee-sf-flash { animation: ee-sf-flash 1.4s ease; }
@keyframes ee-sf-flash { 0%, 35% { box-shadow: 0 0 0 4px var(--ee-primary-soft); background: var(--ee-primary-soft); } 100% { box-shadow: 0 0 0 4px transparent; } }
.ee-sf-ffl { display: flex; align-items: center; gap: 6px; height: 16px; margin-bottom: 3px; }
.ee-sf-lab { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-sf-ffon .ee-sf-lab { color: var(--ee-primary); }
.ee-sf-ffon .ee-sf-lab::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 6px; border-radius: 50%; background: var(--ee-primary); vertical-align: 2px; }
.ee-sf-ffx { flex: none; display: grid; place-items: center; width: 20px; height: 16px; margin-left: auto; padding: 0; border: 0; background: none; border-radius: 4px; color: var(--ee-text-3); cursor: pointer; }
.ee-sf-ffx > i { font-size: 11px; color: inherit; }
.ee-sf-ffx:hover { color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-sf-ddw { position: relative; }
.ee-sf-dd { display: flex; align-items: center; gap: 6px; width: 100%; height: 34px; padding: 0 8px 0 10px; border: 1px solid var(--ee-border-strong); border-radius: 8px; background: var(--ee-surface); color: var(--ee-text); text-align: left; font-size: 13.5px; cursor: pointer; }
.ee-sf-dd > i { flex: none; font-size: 14px; color: var(--ee-text-2); }
.ee-sf-fv { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-sf-fv .ee-sf-nt { font-weight: 600; color: var(--ee-bad); }
.ee-sf-fpl { color: var(--ee-text-3); }   /* kutuda boşken silik "Seçin" (ee-sf-fph panel başlığıdır, masaüstünde gizli) */
.ee-sf-ffon .ee-sf-dd, .ee-sf-ffon .ee-sf-fin { border-color: color-mix(in srgb, var(--ee-primary) 55%, var(--ee-border-strong)); }
.ee-sf-dd[aria-expanded="true"] { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-sf-frg { display: flex; align-items: center; gap: 6px; height: 34px; }
.ee-sf-fin { width: 68px; height: 34px; padding: 0 8px; border: 1px solid var(--ee-border-strong); border-radius: 8px; background: var(--ee-surface); color: var(--ee-text); text-align: right; font-variant-numeric: tabular-nums; font-size: 13.5px; }
.ee-sf-fin::placeholder { color: var(--ee-text-3); text-align: left; }
.ee-sf-fin:focus { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); outline: none; }
.ee-sf-fferr .ee-sf-fin { border-color: var(--ee-bad); }
.ee-sf-dash, .ee-sf-unit { color: var(--ee-text-2); font-size: 13px; }
/* Açılır (çoklu seçim / tarih): 320px, alandan dar olmaz; sağ kenara yakın sütunda sağa yaslanır. */
.ee-sf-ddm { position: absolute; z-index: 30; top: calc(100% + 4px); left: 0; width: 320px; min-width: 100%; max-width: calc(100vw - 32px); padding: 6px; background: var(--ee-raised-card); color: var(--ee-text); border: 1px solid var(--ee-raised-line); outline: 1px solid var(--ee-raised-outline); border-radius: 10px; box-shadow: var(--ee-raised-shadow); }
.ee-sf-ddm.ee-sf-ddend { left: auto; right: 0; }
.ee-sf-ddd { width: 250px; }
.ee-sf-ddf { display: flex; align-items: center; gap: 6px; height: 34px; margin-bottom: 4px; padding: 0 8px; border: 1px solid var(--ee-border-strong); border-radius: 8px; background: var(--ee-surface); }
.ee-sf-ddf > i { font-size: 15px; color: var(--ee-text-3); }
.ee-sf-ddf input { flex: 1; min-width: 0; height: 30px; border: 0; background: none; color: var(--ee-text); font-size: 13.5px; }
.ee-sf-ddf input:focus, .ee-sf-ddf input:focus-visible { outline: 0; box-shadow: none; }
.ee-sf-ddf:focus-within { border-color: var(--ee-primary); }
.ee-sf-ddm .ee-sf-bulk { padding: 3px 4px 5px; gap: 4px; }
.ee-sf-ddl { max-height: 284px; overflow: auto; }
.ee-sf-ddg { padding: 8px 8px 3px; font-size: 12px; font-weight: 700; color: var(--ee-text-3); }
.ee-sf-ddo { display: flex; align-items: center; gap: 9px; padding: 6px 8px; border-radius: 6px; cursor: pointer; font-size: 13.5px; line-height: 1.35; }
.ee-sf-ddo:hover, .ee-sf-ddo:focus { background: var(--ee-raised-muted); outline: none; }
.ee-sf-ddo:focus-visible { box-shadow: inset 0 0 0 2px var(--ee-primary); }
.ee-sf-dt { flex: 1; min-width: 0; }
.ee-sf-pin1 .ee-sf-dt { font-weight: 600; }
.ee-sf-ddo .ee-sf-c { flex: none; min-width: 2.5ch; margin: 0; text-align: right; font-size: 12px; color: var(--ee-text-3); font-variant-numeric: tabular-nums; }
.ee-sf-ddo0 .ee-sf-dt { color: var(--ee-text-2); }
.ee-sf-cb { flex: none; display: grid; place-items: center; width: 16px; height: 16px; border: 1.5px solid var(--ee-border-strong); border-radius: 4px; }
[aria-selected="true"] > .ee-sf-cb { background: var(--ee-primary); border-color: var(--ee-primary); }
[aria-selected="true"] > .ee-sf-cb::after { content: ""; width: 8px; height: 4px; margin-top: -2px; border: solid var(--ee-on-primary); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.ee-sf-rb { flex: none; width: 14px; height: 14px; border-radius: 50%; border: 1.5px solid var(--ee-border-strong); }
[aria-selected="true"] > .ee-sf-rb, [aria-checked="true"] > .ee-sf-rb { border: 4px solid var(--ee-primary); }
.ee-sf-ddnone { padding: 10px 8px; font-size: 13px; color: var(--ee-text-3); }
.ee-sf-ddn { display: flex; align-items: center; gap: 8px; margin: 4px 0 0; padding: 8px 8px 3px; border-top: 1px solid var(--ee-raised-line); font-size: 13px; color: var(--ee-text-2); cursor: pointer; }
.ee-sf-ddn input { width: 15px; height: 15px; margin: 0; accent-color: var(--ee-primary); }
.ee-sf-ddsep { height: 1px; margin: 4px 2px; background: var(--ee-raised-line); }
.ee-sf-ddr { padding: 4px 8px 4px; }
.ee-sf-ddrl { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-sf-ddr .ee-sf-pin { padding: 0; }
.ee-sf-fpf { display: flex; align-items: center; gap: 12px; height: 28px; margin-top: 4px; }
.ee-sf-fpf .ee-sf-link { display: inline-flex; align-items: center; gap: 4px; padding: 2px 0; font-size: 13px; }
.ee-sf-fpf .ee-sf-link > i { font-size: 12px; color: inherit; }
.ee-sf-sp { flex: 1; }
.ee-sf-fph, .ee-sf-fpgo { display: none; }
@media (max-width: 575.98px) {
    /* Telefon (NOTLAR §5): tam ekran sayfa; başlıkta Temizle ve ✕, alanlar tek sütunda hepsi açık, kutular 44px, altta sabit "N kişi göster". */
    body.ee-sf-sheet { overflow: hidden; }
    .ee-sf-fp { position: fixed; inset: 0; z-index: 1100; display: flex; flex-direction: column; padding: 0; border: 0; border-radius: 0; background: var(--ee-surface); }
    .ee-sf-fph { display: flex; align-items: center; gap: 14px; flex: none; height: 52px; padding: 0 8px 0 16px; border-bottom: 1px solid var(--ee-border); }
    .ee-sf-fph b { flex: 1; font-size: 16px; }
    .ee-sf-fph .ee-sf-link { font-size: 15px; }
    .ee-sf-fpx { display: grid; place-items: center; width: 40px; height: 40px; border: 0; background: none; color: var(--ee-text-2); cursor: pointer; }
    .ee-sf-fpb { flex: 1; overflow: auto; padding: 14px 16px 24px; }
    .ee-sf-fg { grid-template-columns: minmax(0, 1fr); gap: 16px; }
    .ee-sf-fp .ee-sf-ffmx { display: block !important; }
    .ee-sf-fpf { display: none; }
    .ee-sf-fpgo { display: block; flex: none; padding: 10px 16px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--ee-border); }
    .ee-sf-fpgo .btn { width: 100%; min-height: 46px; font-size: 15px; }
    .ee-sf-dd,     .ee-sf-dd { font-size: 15px; }
        .ee-sf-ffl { height: 20px; }
    .ee-sf-lab { font-size: 13.5px; }
    .ee-sf-ffx { width: 28px; height: 24px; }
    .ee-sf-ddm, .ee-sf-ddm.ee-sf-ddend { position: relative; top: 6px; left: 0; right: auto; width: 100%; max-width: none; box-shadow: none; }
    .ee-sf-ddl { max-height: none; }
    .ee-sf-ddo { padding: 10px 8px; font-size: 15px; }
}
/* ---------- Dar kip (kullanıcı 2026-11-08): kabın iç genişliği < 560px (ee-filter.js ResizeObserver → .ee-sf-narrow; < 400px .ee-sf-xs). ----------
   Pencere genişliğine değil kaba bağlı (Mesajlar sol sütunu gibi). Satır 1 hiç sarmaz: [kutu, esner] [Süzgeç] [Görünümler simge];
   kutuda etiketler yerine yazının sağında tek özet "N süzgeç ✕"; ayrı Temizle yok; panel tek sütun, açılır kabı aşmaz. */
.ee-sf-narrow .ee-sf-row { flex-wrap: nowrap; gap: 6px; }
.ee-sf-narrow .ee-sf-box { flex-wrap: nowrap; gap: 6px; padding-right: 6px; }
.ee-sf-narrow .ee-sf-input { flex: 1 1 auto; min-width: 0; width: 0; text-overflow: ellipsis; }
.ee-sf-narrow .ee-sf-kbd { flex: none; }
.ee-sf-narrow .ee-sf-vbtn { padding: 0 9px; gap: 5px; }
.ee-sf-narrow .ee-sf-vw .ee-sf-vlab, .ee-sf-narrow .ee-sf-vbtn > .ki-down, .ee-sf-narrow .ee-sf-vbtn > .ki-up, .ee-sf-xs .ee-sf-fbtn .ee-sf-vlab { display: none; }
.ee-sf-narrow .ee-sf-fbtn .ee-sf-vlab { max-width: none; }
.ee-sf-sum { flex: none; display: inline-flex; align-items: center; height: 24px; border-radius: 6px; background: var(--ee-primary-soft); color: var(--ee-primary); white-space: nowrap; }
.ee-sf-sum-b { height: 100%; padding: 0 2px 0 8px; border: 0; background: transparent; color: inherit; font-size: 13px; font-weight: 600; cursor: pointer; border-radius: 6px 0 0 6px; }
.ee-sf-sum .ee-sf-tok-x { width: 22px; height: 22px; margin-right: 1px; }
.ee-sf-sum-b:focus-visible, .ee-sf-sum .ee-sf-tok-x:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-sf-narrow .ee-sf-menu { min-width: min(300px, calc(var(--ee-sf-cw, 320px) - 16px)); max-width: calc(var(--ee-sf-cw, 320px) - 16px); }
.ee-sf-narrow .ee-sf-vmenu { width: min(320px, var(--ee-sf-cw, 320px)); min-width: 0; max-width: none; }   /* taslak: kap (kenar boşluğu dahil) − 24px = iç genişlik; düğmenin sağına yaslı, kabı aşmaz */
.ee-sf-narrow .ee-sf-vw .ee-sf-vbtn { padding: 0 11px; }
.ee-sf-narrow .ee-sf-vchg { display: none; }
.ee-sf-narrow .ee-sf-vdot { display: block; }
@media (min-width: 576px) {   /* telefonda panel tam ekran sayfadır (yukarıda); dar kip yalnız sayfa içi paneli tek sütuna indirir */
    .ee-sf-narrow .ee-sf-fp { padding: 10px 12px 2px; }
    .ee-sf-narrow .ee-sf-fg { grid-template-columns: minmax(0, 1fr); gap: 10px; }
    .ee-sf-narrow .ee-sf-ddm, .ee-sf-narrow .ee-sf-ddm.ee-sf-ddend { left: 0; right: auto; width: min(320px, 100%); min-width: 0; max-width: 100%; }
}
.ee-sf-vbtn { height: 42px; display: inline-flex; align-items: center; gap: 6px; padding: 0 10px 0 12px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); cursor: pointer; font-size: 14px; white-space: nowrap; }
.ee-sf-vbtn > i { font-size: 15px; color: var(--ee-text-2); }
.ee-sf-vbtn.ee-sf-on { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-sf-vbtn.ee-sf-on > i { color: inherit; }
.ee-sf-vlab { max-width: 18ch; overflow: hidden; text-overflow: ellipsis; }
.ee-sf-menu { right: 0; min-width: 300px; max-width: calc(100vw - 32px); }
.ee-sf-opts { display: flex; flex-direction: column; }
.ee-sf-opt { display: flex; align-items: center; gap: 8px; width: 100%; text-align: left; border: 0; background: transparent; color: var(--ee-text); padding: 7px 10px; border-radius: 6px; cursor: pointer; font-size: 14px; }
.ee-sf-opt:hover, .ee-sf-opt:focus-visible { background: var(--ee-raised-muted); }
.ee-sf-opt[aria-selected="true"] { background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-sf-opt .ee-sf-c { margin-left: auto; }
/* Görünümler (Süzgeç görünümleri taslağı §5): düğmenin beş hâli, menü (liste kayar, kaydet bölümü altta sabit), satır yerinde ad formu ve silme onayı. */
.ee-sf-vw .ee-sf-vbtn { position: relative; max-width: 280px; min-width: 42px; justify-content: center; }   /* dar kip/telefonda yalnız simge: 42 × 42 kare (taslak) */
.ee-sf-vw .ee-sf-vbtn.ee-sf-open:not(.ee-sf-on) { border-color: var(--ee-primary); color: var(--ee-primary); }
.ee-sf-vw .ee-sf-vbtn.ee-sf-open > i { color: inherit; }
.ee-sf-vw .ee-sf-vlab { max-width: 200px; }
.ee-sf-vchg { flex: none; font-size: 12.5px; font-weight: 400; color: var(--ee-text-3); }
.ee-sf-vchg::before { content: "· "; }
.ee-sf-vbtn.ee-sf-chg { border-color: color-mix(in srgb, var(--ee-primary) 55%, var(--ee-border-strong)); }
.ee-sf-vbtn.ee-sf-chg > i:first-child { color: var(--ee-primary); }
.ee-sf-vdot { display: none; position: absolute; top: 7px; left: 24px; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-primary); box-shadow: 0 0 0 2px var(--ee-surface); }
.ee-sf-vmenu { display: flex; flex-direction: column; top: calc(100% + 4px); width: 320px; min-width: 0; max-height: min(480px, calc(100vh - 160px)); }
.ee-sf-vmenu > .ee-sf-opts { flex: 1 1 auto; min-height: 0; overflow: auto; }
.ee-sf-vmenu .ee-sf-grp:not(:first-child) { margin-top: 6px; }
.ee-sf-vo { min-height: 34px; line-height: 1.35; gap: 9px; padding: 7px 8px; }
.ee-sf-vo .ee-sf-vt { flex: 1 1 auto; min-width: 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.ee-sf-vo .ee-sf-c { flex: none; min-width: 2.5ch; text-align: right; font-size: 12px; color: var(--ee-text-3); }
.ee-sf-vo > i { flex: none; font-size: 14px; }
.ee-sf-vo[aria-checked="true"]:not(.ee-sf-vhome) { background: var(--ee-primary-soft); }
.ee-sf-vo[aria-checked="true"]:not(.ee-sf-vhome) .ee-sf-vt { color: var(--ee-primary); font-weight: 600; }
.ee-sf-vo:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ee-primary); }
.ee-sf-vtag.ee-status { flex: none; padding: 0 6px; font-size: 11px; font-weight: 600; line-height: 1.7; }
.ee-sf-vrow { display: flex; align-items: center; gap: 2px; border-radius: 6px; }
.ee-sf-vrow > .ee-sf-vo { flex: 1 1 auto; min-width: 0; }
.ee-sf-vrow:hover { background: var(--ee-raised-muted); }
.ee-sf-vrow:hover > .ee-sf-vo:not([aria-checked="true"]) { background: none; }
.ee-sf-vi { flex: none; display: grid; place-items: center; width: 28px; height: 28px; border: 0; background: none; border-radius: 6px; color: var(--ee-text-3); cursor: pointer; opacity: 0; }
.ee-sf-vi > i { font-size: 15px; color: inherit; }
.ee-sf-vrow:hover .ee-sf-vi, .ee-sf-vrow:focus-within .ee-sf-vi { opacity: 1; }
.ee-sf-vi:hover, .ee-sf-vi:focus-visible { color: var(--ee-text); background: var(--ee-surface); outline: none; }
.ee-sf-vi-del:hover, .ee-sf-vi-del:focus-visible { color: var(--ee-bad); background: var(--ee-bad-soft); }
@media (hover: none) { .ee-sf-vi { opacity: 1; } }
.ee-sf-vrow.ee-sf-ved { display: block; }
.ee-sf-vfoot { flex: none; margin: 4px -6px 0; padding: 4px 6px 0; border-top: 1px solid var(--ee-border); }
.ee-sf-vdo { color: var(--ee-primary); font-weight: 600; }
.ee-sf-vdo > i { color: var(--ee-primary); }
.ee-sf-vhome > i { color: var(--ee-text-3); }
.ee-sf-vhome[aria-checked="true"] > .ee-sf-cb { background: var(--ee-primary); border-color: var(--ee-primary); }
.ee-sf-vhome[aria-checked="true"] > .ee-sf-cb::after { content: ""; width: 8px; height: 4px; margin-top: -2px; border: solid var(--ee-on-primary); border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.ee-sf-vform { padding: 6px 8px 8px; }
.ee-sf-ved .ee-sf-vform { padding: 4px 6px 6px; }
.ee-sf-vform label { display: block; margin: 0 0 4px; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-sf-vinp { width: 100%; height: 34px; padding: 0 10px; border: 1px solid var(--ee-border-strong); border-radius: 8px; background: var(--ee-surface); color: var(--ee-text); font-size: 14px; }
.ee-sf-vinp:focus { outline: none; border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-sf-vinp[aria-invalid="true"] { border-color: var(--ee-bad); }
.ee-sf-vform .ee-sf-verr { margin-top: 4px; font-size: 12.5px; }
.ee-sf-vacts { display: flex; align-items: center; gap: 14px; margin-top: 8px; }
.ee-sf-vacts .btn { min-height: 30px; padding: 3px 14px !important; font-size: 13px; border-radius: 8px; }   /* tema .btn:not(...) dolgusunu ezer (taslak: 30px) */
.ee-sf-vacts .ee-sf-link, .ee-sf-vconfirm .ee-sf-link { padding: 0; }
.ee-sf-vconfirm { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin: 1px 0; padding: 7px 8px; border-radius: 6px; background: var(--ee-bad-soft); font-size: 13.5px; }
.ee-sf-vconfirm .ee-sf-vt { flex: 1 1 160px; min-width: 0; overflow-wrap: anywhere; }
.ee-sf-link.ee-sf-bad { color: var(--ee-bad); }
.ee-sf-vnote { font-size: 12px; color: var(--ee-text-2); padding: 2px 10px 6px; }
.ee-sf-strip { display: flex; flex-direction: column; gap: 8px; }
/* Durum şeridi: ton rengi (--ee-sf-c) ve yumuşak zemini (--ee-sf-s) tek yerde; varsayılanda gizli (off) durumlar çubukta ve noktada
   tonun soluk karışımı. Seçim varken seçili çip belirgin, ötekiler soluk; hariç tutulan soluk + üstü çizili. */
.ee-sf-strip .ee-sf-neutral { --ee-sf-c: var(--ee-text); --ee-sf-s: color-mix(in srgb, var(--ee-text) 8%, var(--ee-surface)); }
.ee-sf-strip .ee-sf-ok { --ee-sf-c: var(--ee-ok); --ee-sf-s: var(--ee-ok-soft); }
.ee-sf-strip .ee-sf-warn { --ee-sf-c: var(--ee-warn); --ee-sf-s: var(--ee-warn-soft); }
.ee-sf-strip .ee-sf-bad { --ee-sf-c: var(--ee-bad); --ee-sf-s: var(--ee-bad-soft); }
.ee-sf-strip .ee-sf-info { --ee-sf-c: var(--ee-info); --ee-sf-s: var(--ee-info-soft); }
.ee-sf-bar { display: flex; gap: 2px; height: 8px; border-radius: 999px; overflow: hidden; background: var(--ee-surface-2); }
.ee-sf-bar .ee-sf-none { flex: 1; cursor: default; background: transparent; }
.ee-sf-bar > span { flex: var(--ee-sf-w, 1) 1 0; min-width: 6px; cursor: pointer; transition: opacity .15s; }
.ee-sf-bar > .ee-sf-bad { background: var(--ee-bad); }
.ee-sf-bar > .ee-sf-warn { background: var(--ee-warn); }
.ee-sf-bar > .ee-sf-ok { background: color-mix(in srgb, var(--ee-ok) 50%, var(--ee-surface)); }
.ee-sf-bar > .ee-sf-info { background: color-mix(in srgb, var(--ee-info) 55%, var(--ee-surface)); }
.ee-sf-bar > .ee-sf-neutral { background: var(--ee-border-strong); }
.ee-sf-bar > .ee-sf-off { background: color-mix(in srgb, var(--ee-sf-c) 30%, var(--ee-surface)); }
.ee-sf-bar > .ee-sf-first { margin-left: 4px; }
.ee-sf-bar:hover > span:not(:hover) { opacity: .55; }
.ee-sf-has-sel .ee-sf-bar > span:not(.ee-sf-on), .ee-sf-bar > .ee-sf-ex { opacity: .25; }
.ee-sf-strip .ee-sf-bar > span:hover { opacity: 1; }
.ee-sf-leg { position: relative; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: center; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-sf-l { display: inline-flex; align-items: center; gap: 6px; border: 1px solid transparent; border-radius: 999px; padding: 2px 10px 2px 8px; background: transparent; cursor: pointer; font-size: var(--ee-fs-sm); color: var(--ee-text-2); transition: opacity .15s, background-color .15s; }
.ee-sf-l .ee-sf-d { width: 8px; height: 8px; border-radius: 50%; background: var(--ee-border-strong); }
.ee-sf-l.ee-sf-bad .ee-sf-d { background: var(--ee-bad); }
.ee-sf-l.ee-sf-warn .ee-sf-d { background: var(--ee-warn); }
.ee-sf-l.ee-sf-ok .ee-sf-d { background: var(--ee-ok); }
.ee-sf-l.ee-sf-info .ee-sf-d { background: var(--ee-info); }
.ee-sf-l.ee-sf-off .ee-sf-d { background: color-mix(in srgb, var(--ee-sf-c) 30%, var(--ee-surface)); }
.ee-sf-l b { color: var(--ee-text); font-variant-numeric: tabular-nums; }
.ee-sf-l.ee-sf-hot.ee-sf-bad { background: var(--ee-bad-soft); color: var(--ee-bad); font-weight: 600; }
.ee-sf-l.ee-sf-hot.ee-sf-warn { background: var(--ee-warn-soft); color: var(--ee-warn); font-weight: 600; }
.ee-sf-l.ee-sf-hot b { color: inherit; }
/* Seçim yokken liste hepsini gösterir: çipler seçili gibi dolu görünür (Kişiler varsayılanıyla aynı görüntü, kullanıcı 2026-11-07). */
.ee-sf-l[aria-pressed="true"], .ee-sf-strip:not(.ee-sf-has-sel) .ee-sf-l:not(.ee-sf-ex):not(.ee-sf-off) { background: var(--ee-sf-s); color: var(--ee-sf-c); border-color: color-mix(in srgb, var(--ee-sf-c) 40%, transparent); font-weight: 600; }
.ee-sf-l[aria-pressed="true"] b, .ee-sf-strip:not(.ee-sf-has-sel) .ee-sf-l:not(.ee-sf-ex):not(.ee-sf-off) b { color: inherit; }
.ee-sf-has-sel .ee-sf-l:not([aria-pressed="true"]), .ee-sf-l.ee-sf-ex { opacity: .5; }
.ee-sf-l.ee-sf-ex { text-decoration: line-through; }
.ee-sf-strip .ee-sf-l:hover { opacity: 1; border-color: var(--ee-border-strong); }
.ee-sf-strip .ee-sf-l:focus-visible { opacity: 1; outline: none; box-shadow: var(--ee-focus-ring); }
.ee-sf-div { width: 1px; height: 16px; background: var(--ee-border); margin: 0 4px; }
.ee-sf-total { margin-left: auto; font-variant-numeric: tabular-nums; }
.ee-sf-total b { color: var(--ee-text); }
[data-f-zero]:empty { display: none; }
[data-f-zero] { margin-top: var(--ee-space-3); }
.ee-sf-zh { display: flex; flex-wrap: wrap; gap: 6px 8px; justify-content: center; align-items: center; margin: 10px 0 0; font-size: var(--ee-fs-sm); }
.ee-sf-zh button { border: 1px solid var(--ee-border-strong); border-radius: 999px; background: var(--ee-surface); color: var(--ee-text); padding: 3px 12px; cursor: pointer; font-size: var(--ee-fs-sm); }
.ee-sf-zh button:hover { border-color: var(--ee-primary); }
/* Sunucu kipi (ADR #27 K4-4): yüklenirken eski satırlar soluk + süzgeçte ince ilerleme çizgisi; not ve hata tek satır; tarayıcıdaki görünümleri taşıma sorusu.
   Çizgi alt satırın (.ee-sf-leg) üstündeki boşlukta, mutlak konumlu: yer kaplamaz, açılıp kapanırken hiçbir şey kaymaz; şeritte çubuğun hemen
   altında ve onunla aynı genişlikte, şeritsiz listede kutunun altında tam genişlikte. Kendi kabında kırpılır (sayfa taşmaz), transform ile kayar. */
[data-ee-list-part] { position: relative; }
[data-ee-list-part].ee-sf-busy tbody { opacity: .55; transition: opacity .15s .1s; }
.ee-sf-prog { position: absolute; left: 0; right: 0; bottom: calc(100% + 5px); height: 2px; border-radius: 999px; overflow: hidden; pointer-events: none; visibility: hidden; }
.ee-sf-strip .ee-sf-prog { bottom: calc(100% + 3px); }
.ee-sf-row > .ee-sf-prog { top: calc(100% + 5px); bottom: auto; }
.ee-sf-prog::before { content: ""; position: absolute; top: 0; left: 0; width: 40%; height: 100%; border-radius: inherit; background: var(--ee-primary); transform: translateX(-100%); }
.ee-sf.ee-sf-busy .ee-sf-prog { visibility: visible; }
.ee-sf.ee-sf-busy .ee-sf-prog::before { animation: ee-sf-progress 1s ease-in-out infinite; }
@keyframes ee-sf-progress { from { transform: translateX(-100%); } to { transform: translateX(250%); } }
@media (prefers-reduced-motion: reduce) { .ee-sf.ee-sf-busy .ee-sf-prog::before { animation: none; width: 100%; transform: none; opacity: .6; } }
.ee-sf-note, .ee-sf-err { margin-top: 8px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-sf-err { color: var(--ee-bad); }
.ee-sf-move { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 6px; margin: 0 0 6px; padding: 6px 10px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); font-size: 12px; color: var(--ee-text); }
.ee-sf-move span { flex-basis: 100%; }
.ee-sf-verr { color: var(--ee-bad); }
th.sorting[field]:focus-visible { outline: 2px solid var(--ee-primary); outline-offset: -2px; }
@media (max-width: 575.98px) {
    .ee-sf { padding: 12px; }
    .ee-sf-vlab { display: none; }
    .ee-sf-si { grid-template-columns: 5.5rem minmax(0, 1fr) auto; gap: 8px; }
    .ee-sf-phint { display: none; }
    .ee-sf-menu { min-width: min(300px, calc(100vw - 32px)); }
    .ee-sf-vmenu { width: min(320px, calc(100vw - 32px)); min-width: 0; }
    .ee-sf-vchg { display: none; }
    .ee-sf-vdot { display: block; }
    .ee-sf-vw .ee-sf-vbtn { padding: 0 11px; }
    .ee-sf-vo { min-height: 44px; font-size: 15px; }
    .ee-sf-vi { width: 40px; height: 40px; }
    .ee-sf-vinp { height: 44px; font-size: 15px; }
    .ee-sf-vacts .btn { min-height: 40px; }
    /* §16-8: sayı yerinde kalır (şeritte son satırın sağına yaslanır, ayrı satıra inmez); yer için önce Görünümler etiketi, sonra "/" ipucu düşer. */
    .ee-sf-kbd { display: none; }
}

.ee-card-foot > .admin-pager { width: 100%; margin-top: 0 !important; }
/* Tek sayfalık istemci listesinde sayfalayıcı boştur (EePager.render): boş alt şerit çizilmez. */
.ee-card-foot:has(> .admin-pager:only-child:empty) { display: none; }
.admin-pager:empty { display: none; }
/* Telefon genişliği: sayfalayıcı satırdan taşmaz; sığmazsa sarar, ilk/son düğmesi düşer (önceki/sonraki kalır). */
@media (max-width: 575.98px) {
    .admin-pager, .admin-pager > .d-flex { min-width: 0; max-width: 100%; }
    .admin-pager > .d-flex { flex-wrap: wrap; row-gap: .5rem; }
    .admin-pagination { flex-wrap: wrap; justify-content: center; max-width: 100%; }
    .admin-pagination > .page-nav[data-page]:first-child, .admin-pagination > .page-nav[data-page]:last-child { display: none; }
}
.ee-table .ee-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-table .ee-sub.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-muted { color: var(--ee-text-2); }
.ee-field.ee-narrow { width: 8rem; margin-bottom: 0; }

/* ---------- Ayarlar ekranı (5b-3): alan = ee-field + durum satırı ---------- */
.setting-field .ee-field { margin-bottom: 0; }
.setting-field .setting-field__meta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; font-size: var(--ee-fs-sm); }
.settings-page .setting-field__meta .setting-help { width: auto; height: auto; padding: 0 4px; font-size: var(--ee-fs-sm); }
.setting-field .setting-field__clear { display: inline-flex; gap: 6px; align-items: center; color: var(--ee-bad); cursor: pointer; margin: 0; }
.settings-page .settings-nav .nav-link .ee-status { flex-shrink: 0; }

/* ---------- Kural görünümü (5d-1): konu çipleri, kural satırı, kapsam, Dayanak, "Nereden geliyor?" zinciri ---------- */
.ee-chips { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--ee-space-5); }
.ee-chip { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px; border: 1px solid var(--ee-border-strong); border-radius: 999px; background: var(--ee-surface); color: var(--ee-text); font-size: var(--ee-fs-sm); text-decoration: none; line-height: 1.4; }
.ee-chip:hover { border-color: var(--ee-primary); color: var(--ee-primary); }
.ee-chip:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-chip.ee-active { background: var(--ee-primary-soft); border-color: var(--ee-primary); color: var(--ee-primary); font-weight: 600; }
.ee-chip .ee-chip-count { color: var(--ee-text-2); font-weight: 600; }
.ee-chip.ee-active .ee-chip-count { color: inherit; }
.ee-search { margin-bottom: var(--ee-space-3); }
.ee-rule-line { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px var(--ee-space-4); padding: 14px var(--ee-space-5); border-bottom: 1px solid var(--ee-border); align-items: center; }
.ee-rule-line:last-child { border-bottom: 0; }
.ee-rule-line[hidden] { display: none; }
.ee-rule-line .ee-rule-line-head { color: var(--ee-text); }
.ee-rule-line .ee-rule-line-title { font-weight: 700; color: var(--ee-text); text-decoration: none; }
.ee-rule-line a.ee-rule-line-title:hover { color: var(--ee-primary); text-decoration: underline; }
.ee-rule-line .ee-rule-line-dash { color: var(--ee-text-2); }
.ee-rule-line .ee-rule-line-scopes { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 14px; margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-rule-line .ee-rule-line-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px; }
.ee-rule-line .ee-rule-line-side { display: flex; gap: 6px; align-items: center; justify-content: flex-end; flex-wrap: wrap; }
.ee-rule-sentence b, .ee-scope b { font-weight: 700; color: var(--ee-text); }
.ee-scope { white-space: normal; }
.ee-scope .ee-scope-label { color: var(--ee-text-2); }
.ee-more { display: inline; }
.ee-more > summary { display: inline; cursor: pointer; color: var(--ee-primary); text-decoration: underline; list-style: none; }
.ee-more > summary::-webkit-details-marker { display: none; }
.ee-more[open] > summary { display: none; }
.ee-more > .ee-more-body { display: inline-flex; flex-wrap: wrap; gap: 2px 14px; }
.ee-source { display: inline-block; font-size: var(--ee-fs-sm); }
.ee-source > summary { display: inline-flex; align-items: center; gap: 4px; cursor: pointer; color: var(--ee-primary); font-weight: 600; list-style: none; }
.ee-source > summary::-webkit-details-marker { display: none; }
.ee-source > summary > i { font-size: 14px; color: inherit; }
.ee-source > .ee-source-body { margin-top: 6px; padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); border: 1px solid var(--ee-border); color: var(--ee-text-2); max-width: 70ch; }
.ee-source .ee-source-body ul { margin: 0; padding-left: 18px; }
.ee-chain { list-style: none; margin: 0 0 var(--ee-space-4); padding: 0; border-left: 2px solid var(--ee-border-strong); }
.ee-chain-link { display: grid; grid-template-columns: 8rem minmax(0, 1fr); gap: 4px var(--ee-space-3); padding: 8px 0 8px var(--ee-space-4); position: relative; }
.ee-chain-link::before { content: ""; position: absolute; left: -6px; top: 14px; width: 10px; height: 10px; border-radius: 50%; background: var(--ee-surface); border: 2px solid var(--ee-border-strong); }
.ee-chain-link.ee-determining::before { background: var(--ee-ok); border-color: var(--ee-ok); }
.ee-chain-link.ee-conflicting::before { background: var(--ee-bad); border-color: var(--ee-bad); }
.ee-chain-link .ee-chain-layer { font-size: var(--ee-fs-sm); font-weight: 700; color: var(--ee-text-2); text-transform: uppercase; letter-spacing: .04em; padding-top: 2px; }
.ee-chain-link .ee-chain-title { color: var(--ee-text); }
.ee-chain-link .ee-chain-ref { color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-chain-link .ee-chain-value { margin-top: 2px; }
.ee-chain-link .ee-chain-note { margin-top: 2px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-chain-link .ee-chain-mark { font-size: var(--ee-fs-sm); font-weight: 700; }
.ee-chain-link .ee-chain-mark.ee-ok { color: var(--ee-ok); }
.ee-chain-link .ee-chain-mark.ee-bad { color: var(--ee-bad); }
.ee-chain-scope { font-weight: 650; margin: var(--ee-space-3) 0 var(--ee-space-2); }
@media (max-width: 575.98px) {
  .ee-rule-line { grid-template-columns: 1fr; padding: 12px var(--ee-space-4); }
  .ee-rule-line .ee-rule-line-side { justify-content: flex-start; }
  .ee-chain-link { grid-template-columns: 1fr; }
}.ee-card[hidden] { display: none; }

.ee-lead { font-size: var(--ee-fs-lg); color: var(--ee-text); margin-bottom: var(--ee-space-3); }
/* ---------- Kural izi (5d-2): uygulanan kural + sade gerekçe ---------- */
.ee-rule-trace { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px var(--ee-space-4); padding: 12px var(--ee-space-5); border-bottom: 1px solid var(--ee-border); align-items: center; }
.ee-rule-trace:last-child { border-bottom: 0; }
.ee-rule-trace.ee-highlight { box-shadow: inset 4px 0 0 var(--ee-info); background: var(--ee-info-soft); }
.ee-rule-trace .ee-rule-trace-text { color: var(--ee-text); }
.ee-rule-trace .ee-rule-trace-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-rule-trace .ee-rule-trace-side { display: flex; gap: 6px; align-items: center; justify-content: flex-end; }
.ee-reason { display: inline-flex; align-items: center; gap: 4px; color: var(--ee-text-2); }
.ee-reason > i { font-size: 14px; color: inherit; }
.ee-reason.ee-highlight { color: var(--ee-info); font-weight: 600; }
@media (max-width: 575.98px) { .ee-rule-trace { grid-template-columns: 1fr; padding: 12px var(--ee-space-4); } .ee-rule-trace .ee-rule-trace-side { justify-content: flex-start; } }
/* Etki kutuları (5d-3 — Değiştir ve Onay "Kimler etkilenir?"; yalnız toplu sayılar) */
.ee-impact { display: grid; grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)); gap: var(--ee-space-3); margin-bottom: var(--ee-space-4); }
.ee-impact-item { background: var(--ee-surface-2); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); padding: var(--ee-space-3) var(--ee-space-4); }
.ee-impact-item.ee-warn { background: var(--ee-warn-soft); border-color: transparent; }
.ee-impact-value { font-size: var(--ee-fs-h1); font-weight: 700; line-height: 1.2; color: var(--ee-text); }
.ee-impact-label { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
/* Değiştir: canlı sınır denetimi (sayfa betiği) */
.ee-input.ee-inline.is-invalid { border-color: var(--ee-bad); box-shadow: 0 0 0 2px var(--ee-bad-soft); }
.ee-rule-limit.ee-bad { color: var(--ee-bad); font-weight: 600; }
/* Kurulum (5d-6): sol konu listesi + sağda sorular; ilerleme satırı */
.ee-setup-progress { display: flex; flex-wrap: wrap; align-items: center; gap: 8px var(--ee-space-4); margin-bottom: var(--ee-space-5); }
.ee-setup-progress .ee-progress { flex: 1 1 12rem; max-width: 22rem; }
.ee-setup { display: grid; grid-template-columns: 17rem minmax(0, 1fr); gap: var(--ee-space-5); align-items: start; }
.ee-setup-main > .ee-card, .ee-setup-main > form > .ee-card { margin-bottom: var(--ee-space-4); }
.ee-topic-nav { display: flex; flex-direction: column; padding: 4px 0; overflow: hidden; }
.ee-topic-link { display: flex; align-items: center; gap: 10px; padding: 9px var(--ee-space-4); color: var(--ee-text); text-decoration: none; border-bottom: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); }
.ee-topic-link:last-child { border-bottom: 0; }
.ee-topic-link:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-topic-link:focus-visible { outline: none; box-shadow: inset var(--ee-focus-ring); }
.ee-topic-link > i { font-size: 18px; color: var(--ee-text-2); flex: none; }
.ee-topic-link.ee-done > i { color: var(--ee-ok); }
.ee-topic-link.ee-partial > i { color: var(--ee-info); }
.ee-topic-link.ee-active { background: var(--ee-primary-soft); box-shadow: inset 3px 0 0 var(--ee-primary); font-weight: 650; }
.ee-topic-link .ee-topic-name { flex: 1 1 auto; min-width: 0; }
.ee-topic-link .ee-topic-count { color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-setup-q { border-bottom: 1px solid var(--ee-border); margin: 0 calc(-1 * var(--ee-space-5)); padding: 4px 0 10px; }
.ee-setup-q:last-child { border-bottom: 0; }
.ee-setup-q.ee-answered { background: var(--ee-ok-soft); box-shadow: inset 4px 0 0 var(--ee-ok); }
.ee-setup-q .ee-rule { border-bottom: 0; padding-top: 4px; padding-bottom: 4px; }
.ee-setup-q-scope { padding: 10px var(--ee-space-5) 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-setup-q-upper { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding: 0 var(--ee-space-5); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-setup-h { font-size: var(--ee-fs-base, 15px); font-weight: 650; margin: 0 0 4px; }
/* İlk kurulum › Programlar: iki cevabın farkı tablosu — 15 satırdan uzunsa kendi içinde kayar; seçili cevabın sütunu (kaydedilmemiş seçim dahil) vurgulu. */
.ee-setup-diff-scroll { max-height: 38rem; overflow-y: auto; }
.ee-setup-diff-scroll .ee-table-wrap { overflow: visible; }
.ee-setup-diff-scroll .ee-table th { position: sticky; top: 0; z-index: 1; }
form:has(input[name="value"][value="true"]:checked) .ee-diff-yes, form:has(input[name="value"][value="false"]:checked) .ee-diff-no { background: var(--ee-primary-soft); }
form:has(input[name="value"][value="true"]:checked) td.ee-diff-yes, form:has(input[name="value"][value="false"]:checked) td.ee-diff-no { font-weight: 600; }
@media (max-width: 991.98px) { .ee-setup { grid-template-columns: 1fr; } }
@media (max-width: 575.98px) { .ee-setup-q { margin: 0 calc(-1 * var(--ee-space-4)); } .ee-setup-q-scope, .ee-setup-q-upper { padding-left: var(--ee-space-4); padding-right: var(--ee-space-4); } }

/* Programlar (E1-34c): tek liste — bekleyen iş şeridi, anında filtre, satır içi düzeltme. Yazı boyu ve yoğunluk Sınav Tipleri ile aynı. */
.ee-pf-strip { align-items: center; padding-top: 10px; padding-bottom: 10px; }
.ee-pf-strip > div { flex: 1; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px var(--ee-space-3); }
.ee-pf-strip .ee-btn-link { padding: 0 !important; font-weight: 600; text-decoration: none; }
.ee-pf-strip .ee-btn-link:hover { text-decoration: underline; }
/* Dar ekranda sütunlar ezilmez; tablo kendi içinde yatay kayar. */
.ee-pf-card .ee-table { min-width: 760px; }
.ee-pf-name { font-weight: 600; }
.ee-pf-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-top: 2px; }
.ee-pf-sub.ee-pf-bad { color: var(--ee-bad); }
.ee-pf-sub.ee-pf-info { color: var(--ee-info); }
.ee-pf-types { display: flex; flex-wrap: wrap; gap: 4px; }
.ee-pf-type { font-size: 12.5px; padding: 1px 7px; border-radius: 6px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); color: var(--ee-text-2); white-space: nowrap; }
.ee-pf-type.ee-pf-type-off { opacity: .6; }
/* Disiplinlerarası: dalın niteliği (ABD adının yanında; ad ekinde tekrarlanmaz). */
.ee-pf-type.ee-pf-inter { display: inline-block; margin-left: 6px; vertical-align: 1px; }
.ee-table .ee-pf-check { width: 36px; padding-right: 0; }
.ee-pf-check input[type=checkbox] { width: 16px; height: 16px; accent-color: var(--ee-primary); vertical-align: middle; }
.ee-pf-ghost { display: inline-block; width: 34px; height: 34px; flex: none; }
/* Program sütunu geniş, türler en çok iki satır; düzenleme yetkisiyle satır tıklanabilir (pencere açar). */
.ee-pf-card .ee-pf-col-name { min-width: 260px; }
.ee-pf-card .ee-pf-col-types { width: 200px; }
.ee-pf-card .ee-pf-col-types .ee-pf-types { max-width: 200px; }
/* Düzeltme penceresi içeriği (ee-modal kabuğunda) */
.ee-modal-section.ee-pf-why { background: var(--ee-raised-muted); }
.ee-pf-why h3 { display: flex; align-items: center; gap: 6px; }
.ee-pf-why h3 > i { font-size: 16px; color: var(--ee-text-2); }
.ee-pf-why p { margin: 0; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
/* E1-34d: "Eşleştirmeyi baştan kur" penceresi — silinecekler listesi ve onay kutusu. */
.ee-pf-reset-list { margin: 0; padding-left: 20px; font-size: var(--ee-fs-sm); }
.ee-pf-reset-list li + li { margin-top: 2px; }
.ee-modal-section > p:last-child { margin-bottom: 0; }
.ee-pf-flash > td { animation: ee-pf-flash 1.6s ease-out; }
@keyframes ee-pf-flash { from { background: var(--ee-ok-soft); } to { background: transparent; } }
[aria-busy="true"] .ee-actions-cell { opacity: .5; pointer-events: none; }
/* Pencere (ee-modal; Bootstrap 5 kabuğu): sade başlık (ad + tek satır açıklama), başlıklı bölüm kartları, sabit alt çubuk. Tam ekrana geçmez:
   telefonda da kenarda 8 px boşluk (--bs-modal-margin; Bootstrap .5rem = 6,5 px), köşe ve karartma kalır. */
.ee-modal .ee-modal-content { background: var(--ee-raised); color: var(--ee-text); border: 1px solid var(--ee-raised-outline); border-radius: var(--ee-radius); overflow: hidden; box-shadow: var(--ee-raised-shadow); }
/* Gövde parçası kabuğun tek çocuğu: esnek sütun — gövde kayar, bant ve alt çubuk sabit (Bootstrap scrollable/fullscreen ile). */
.ee-modal .ee-modal-content > * { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
.ee-modal .ee-modal-content > .ee-modal-loading { display: flex; flex-direction: row; }
.ee-modal-head, .ee-modal-foot { flex: none; }
.ee-modal .ee-modal-content > .ee-modal-frame { display: flex; }
.ee-modal-loading { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 48px 16px; color: var(--ee-text-2); }
.ee-modal-frame { display: flex; flex-direction: column; flex: 1 1 auto; min-height: 0; }
@media (min-width: 576px) { .ee-modal-sm .modal-dialog { max-width: 600px; } }
/* Kenar paneli (size="side"): sağdan kayar, tam yükseklik, 560 px; dar ekranda tam genişlik. */
.modal.ee-modal-side .ee-modal-side-dialog { position: fixed; top: 0; right: 0; bottom: 0; margin: 0; width: min(560px, 100vw); max-width: none; height: 100%; display: flex; }
.modal.fade.ee-modal-side .ee-modal-side-dialog { transform: translateX(100%); transition: transform .2s ease; }
.modal.show.ee-modal-side .ee-modal-side-dialog { transform: none; }
.ee-modal-side .ee-modal-content { flex: 1 1 auto; height: 100%; border-radius: 0; border-width: 0 0 0 1px; }
.ee-modal-side .ee-modal-body { padding-bottom: 24px; overscroll-behavior: contain; }
@media (prefers-reduced-motion: reduce) { .modal.fade.ee-modal-side .ee-modal-side-dialog { transition: none; } }
.ee-modal-head { display: flex; align-items: center; gap: var(--ee-space-3); padding: 10px 10px 10px 20px; background: var(--ee-raised-edge); border-bottom: 1px solid var(--ee-raised-line); }
.ee-modal-head-main { flex: 1 1 auto; min-width: 0; }
.ee-modal-title { font-size: 17px; font-weight: 700; line-height: 1.3; margin: 0; overflow-wrap: anywhere; }
.ee-modal-subtitle { margin: 1px 0 0; font-size: 12.5px; color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-modal-head-end { display: flex; align-items: center; gap: var(--ee-space-2); flex: none; max-width: 60%; }
.ee-modal-tags { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 4px 8px; font-size: 12.5px; color: var(--ee-text-2); min-width: 0; }
.ee-modal-chip { font-size: 12px; font-weight: 600; padding: 1px 8px; border-radius: 999px; background: var(--ee-raised-muted); border: 1px solid var(--ee-raised-line); color: var(--ee-text-2); white-space: nowrap; }
.ee-modal-chip.ee-pf-type-off { opacity: .6; }
/* E1-6 Program ayarları penceresi ve liste işaretleri */
.ee-pf-sub.ee-pf-warn { color: var(--ee-warn); }
.ee-modal-section > h3 > small { font-weight: 400; font-size: var(--ee-fs-sm); margin-left: 6px; }
/* Program ayarları sayfası (AKA-4; taslak Tasarim/Program-Ayarlari-Taslak): kartlar arası 12, kutular en çok 360, kap < 760 tek sütun. Kayıt çubuğu
   Giriş sınavları çubuğunun deseni: yapışık (alt 12), akışta son kartın altında; < 576 durum ve sıra gizli, Vazgeç metin, Kaydet üstünde nokta. */
.ee-pf-page { max-width: 1100px; container-type: inline-size; }
.ee-pf-page .ee-card { margin-bottom: 12px; }
.ee-pf-page .ee-page-record { margin-bottom: 12px; }
.ee-pf-page .ee-record-title { flex-direction: column; flex-wrap: nowrap; align-items: flex-start; gap: 4px; }
.ee-pf-page .ee-record-tags { display: flex; }
.ee-pf-page .ee-alert { margin-bottom: 12px; }
.ee-pf-page .ee-card-head { padding: 11px 16px; }
.ee-pf-page .ee-card-body:not(.ee-flush) { padding: 14px 16px; }
.ee-pf-page .ee-field { margin-bottom: 0; }
.ee-pf-page .ee-field .ee-input { max-width: 360px; }
.ee-pf-titletip .ee-card-head { justify-content: flex-start; gap: 6px; }
.ee-pf-two { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 32px; align-items: start; }
.ee-pf-stack { display: grid; gap: 14px; min-width: 0; }
@container (max-width: 760px) { .ee-pf-two { grid-template-columns: minmax(0, 1fr); } }
.ee-pf-hint { display: block; margin: 4px 0 0; font-size: 12.5px; line-height: 1.4; color: var(--ee-text-2); }
.ee-pf-hint[hidden] { display: none; }
.ee-pf-hint.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-pf-hint b { color: var(--ee-text); font-weight: 600; }
.ee-pf-hint .ee-btn-link { padding: 0 !important; font-size: inherit; }
.ee-pf-unit { display: flex; gap: 10px; align-items: flex-start; min-width: 0; }
.ee-pf-unit[hidden] { display: none; }
.ee-pf-unit > i { font-size: 18px; margin-top: 1px; color: var(--ee-text-2); flex: none; }
.ee-pf-unit > .btn { flex: none; }
.ee-pf-unit-text { flex: 1 1 auto; min-width: 0; }
.ee-pf-unit-text b { font-weight: 600; overflow-wrap: anywhere; }
.ee-pf-unit-text small { display: block; font-size: 12.5px; color: var(--ee-text-2); margin-top: 1px; overflow-wrap: anywhere; }
.ee-pf-unit-tag { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 5px; background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 11.5px; font-weight: 600; vertical-align: 1px; white-space: nowrap; }
.ee-pf-unit-tag[hidden] { display: none; }
.ee-pf-pick { max-width: 360px; }
.ee-pf-pop { width: 460px; max-height: 300px; }
.ee-pf-pop li { display: block; }
.ee-pf-pop li b { display: block; font-weight: 600; }
.ee-pf-pop li small { display: block; white-space: normal; line-height: 1.35; }
.ee-pf-pop li.is-active { background: var(--ee-raised-muted); }
.ee-combo-pop .ee-pf-pop-local { cursor: pointer; font-weight: 600; color: var(--ee-text); }
.ee-combo-pop .ee-pf-pop-local:hover { background: var(--ee-raised-muted); }
.ee-pf-local { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 12px; margin-top: 10px; padding-top: 10px; border-top: 1px solid var(--ee-border); }
.ee-pf-local[hidden] { display: none; }
.ee-pf-local-acts { grid-column: 1 / -1; display: flex; gap: 8px; }
@container (max-width: 900px) { .ee-pf-local { grid-template-columns: minmax(0, 1fr); } }
.ee-pf-page .ee-osel { display: block; max-width: 360px; }
.ee-pf-page .ee-osel-box { width: 100%; }
.ee-osel-box.is-invalid { border-color: var(--ee-bad); }
.ee-pf-prop { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 0 8px; cursor: pointer; margin: 0; font-weight: 400; }
.ee-pf-prop > input { margin-top: 3px; width: 16px; height: 16px; accent-color: var(--ee-primary); }
.ee-pf-prop > span { min-width: 0; }
.ee-pf-prop-title { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.ee-pf-prop b { font-weight: 600; }
.ee-pf-prop small { display: block; font-size: 12.5px; line-height: 1.4; color: var(--ee-text-2); margin-top: 1px; }
.ee-pf-prop small[hidden] { display: none; }
.ee-pf-prop small.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-pf-prop small .ee-btn-link { padding: 0 !important; font-size: inherit; }
.ee-pf-prop.is-locked { cursor: default; }
.ee-pf-prop + .ee-field-error, .ee-pf-prop ~ .ee-field-error { margin: 4px 0 0 26px; }
.ee-pf-roprop b { display: block; font-size: 13px; font-weight: 600; }
.ee-pf-roval { display: block; font-size: 13.5px; font-weight: 650; line-height: 1.4; }
.ee-pf-scope { display: inline-flex; align-items: center; gap: 4px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-pf-usage th:nth-child(2) { width: 130px; }
.ee-pf-usage th:nth-child(3) { width: 110px; }
.ee-pf-usage th:nth-child(4) { width: 210px; }
.ee-pf-usage th:nth-child(5) { width: 170px; }
.ee-pf-usage-type { font-weight: 600; }
.ee-pf-usage .ee-switch-copy strong { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ee-pf-usage td { padding: 7px 16px; }
.ee-pf-usage th { padding-left: 16px; padding-right: 16px; }
.ee-pf-usage .ee-field { white-space: nowrap; }
.ee-pf-usage .ee-switch { display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.ee-pf-usage .ee-switch-copy { font-size: 13px; }
.ee-pf-usage .ee-switch-state { display: inline; }
@container (max-width: 680px) {
    .ee-pf-usage .ee-table, .ee-pf-usage tbody { display: block; }
    .ee-pf-usage thead { display: none; }
    .ee-pf-usage tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 0 10px; padding: 8px 16px; border-bottom: 1px solid var(--ee-border); }
    .ee-pf-usage tr:last-child { border-bottom: 0; }
    .ee-pf-usage td { display: block; padding: 0; border: 0; }
    .ee-pf-usage td:not(:first-child):not(:last-child) { grid-column: 1; font-size: 12.5px; color: var(--ee-text-2); }
    .ee-pf-usage td:last-child { grid-column: 2; grid-row: 1 / span 4; align-self: center; }
}
.ee-pf-usage-note { margin: 0; padding: 8px 16px; border-top: 1px solid var(--ee-border); font-size: 12.5px; color: var(--ee-text-2); }
.ee-pf-usage-note[hidden] { display: none; }
.ee-pf-history .ee-card-body { padding: 0 !important; }
.ee-pf-history .ee-details { margin: 0; border: 0; }
.ee-pf-bar { bottom: 12px; margin-top: 12px; padding: 10px 16px; border-radius: 12px; }
.ee-pf-bar.is-readonly .ee-form-bar-state { display: none; }
.ee-pf-bar .ee-form-bar-state.is-suggested { color: var(--ee-primary); font-weight: 600; }
.ee-pf-bar .ee-form-bar-state.is-suggested::before { background: var(--ee-primary); }
.ee-pf-bar .ee-ps-pos { flex-wrap: nowrap; min-width: 0; }
.ee-pf-pos-next { display: inline-block; max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
.ee-pf-modal-note { flex: 1 1 200px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-pf-confirm-text { margin: 0; }
.ee-pf-confirm-list { margin: 0; padding: 0; list-style: none; border: 1px solid var(--ee-border); border-radius: 8px; max-height: 220px; overflow: auto; }
.ee-pf-confirm-list li { padding: 6px 10px; border-bottom: 1px solid var(--ee-border); font-size: 13.5px; }
.ee-pf-confirm-list li:last-child { border-bottom: 0; }
.ee-pf-confirm-list b { font-weight: 600; }
.ee-pf-confirm-list small { display: block; font-size: 12.5px; color: var(--ee-text-2); }
@media (max-width: 575.98px) {
    .ee-pf-bar { gap: 8px; }
    .ee-pf-bar .ee-form-bar-state:not(.ee-validation-state), .ee-pf-bar .ee-form-bar-end { display: none; }
    .ee-pf-bar .ee-form-bar-actions { display: contents; }
    .ee-pf-bar .btn.ee-pf-cancel { order: -1; margin-right: auto; border-color: transparent !important; background: none !important; padding-left: 4px; padding-right: 4px; }
    .ee-pf-bar .ee-pf-save { position: relative; }
    .ee-form-bar.ee-dirty .ee-pf-save::after { content: ""; position: absolute; top: -3px; right: -3px; width: 9px; height: 9px; border-radius: 50%; background: var(--ee-warn); box-shadow: 0 0 0 2px var(--ee-surface); }
}
/* Temel alanlar */
.ee-summary .ee-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-fa-count { padding: 10px 16px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-fa-count b { color: var(--ee-text); }
.ee-modal-state { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; white-space: nowrap; }
.ee-modal-state::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.ee-modal-state.ee-bad { color: var(--ee-bad); } .ee-modal-state.ee-warn { color: var(--ee-warn); } .ee-modal-state.ee-ok { color: var(--ee-ok); } .ee-modal-state.ee-neutral { color: var(--ee-text-2); }
.ee-modal-close { flex: none; width: 36px; height: 36px; display: inline-grid; place-items: center; border: 0; border-radius: var(--ee-radius-sm); background: transparent; color: var(--ee-text-2); padding: 0; }
.ee-modal-close > i { font-size: 20px; color: inherit; }
.ee-modal-close:hover { background: var(--ee-raised-muted); color: var(--ee-text); }
.ee-modal-close:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-modal-body { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: var(--ee-space-3); padding: 16px 20px; overflow-y: auto; flex: 1 1 auto; }
.ee-modal-section { background: var(--ee-raised-card); border: 1px solid var(--ee-raised-line); border-radius: var(--ee-radius-sm); padding: 14px 16px; }
.ee-modal-section > h3 { font-size: var(--ee-fs-base); font-weight: 650; margin: 0 0 4px; }
.ee-modal-section > p.ee-muted { margin: 0 0 10px; font-size: var(--ee-fs-sm); }
.ee-modal-foot { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2); padding: 12px 20px; background: var(--ee-raised-edge); border-top: 1px solid var(--ee-raised-line); }
.ee-modal-foot-note { margin-right: auto; font-size: var(--ee-fs-sm); color: var(--ee-text-2); min-width: 0; }
@media (max-width: 575.98px) { .ee-modal { --bs-modal-margin: 8px; } .ee-modal-head, .ee-modal-body, .ee-modal-foot { padding-left: 14px; padding-right: 14px; } .ee-modal-head { flex-wrap: wrap; padding-right: 6px; } .ee-modal-head-main { flex: 1 1 0; } .ee-modal-head-end { display: contents; } .ee-modal-close { order: 2; } .ee-modal-tags { order: 3; flex-basis: 100%; justify-content: flex-start; } .ee-modal-foot-note { flex-basis: 100%; } .ee-modal-foot > .btn { flex: 1; } }
/* Ortak düzen (layout): sabit renkli kabuk parçaları tokenlara bağlanır — koyu temada da okunur; tema dosyalarına dokunulmaz. */
html { background: var(--ee-page); }
/* Sayfa yükleyici örtüsü: load olayına dek ve her gezinmede görünür; sabit yarı saydam beyazdı (koyu temada "beyaz patlama"). */
#loader-wrapper { background-color: color-mix(in srgb, var(--ee-page) 72%, transparent); }
.system-logo-container { background: var(--ee-surface-2); border: 1px solid var(--ee-border); box-shadow: none; }
.inst-pill, .lang-btn { background: var(--ee-surface); border-color: var(--ee-border-strong); color: var(--ee-text); }
.inst-pill--static, .inst-pill--static:hover { border-color: var(--ee-border-strong); }
.inst-pill__ico { background: var(--ee-primary-soft); color: var(--ee-primary); }
.inst-pill__name, .lang-code { color: var(--ee-text); }
.inst-pill__lbl, .inst-pill__car, .inst-opt__ico { color: var(--ee-text-2); }
.inst-opt.active, .lang-opt.active { background: var(--ee-primary-soft); }
.inst-opt:hover { background: var(--ee-surface-2); }
.inst-opt.active .inst-opt__ico { color: var(--ee-primary); }
/* Sayfalama (sorting-styles.css sabit renkli — kapsül zemini .admin-pagination'ın kendisinde sabit açık gri): koyu temada tokenlardan. */
[data-bs-theme=dark] .admin-pagination { background: var(--ee-surface-2); border-color: var(--ee-border); }
[data-bs-theme=dark] .admin-pagination .page-ellipsis { color: var(--ee-text-2); }
[data-bs-theme=dark] .admin-pagination .page-link.page-nav { color: var(--ee-text-2); }
[data-bs-theme=dark] .admin-pagination .page-link.active:hover { color: var(--ee-on-primary); }
[data-bs-theme=dark] .admin-pagination .page-link.page-nav:hover { color: var(--ee-primary); }
[data-bs-theme=dark] .admin-pagination .page-link { color: var(--ee-text-2); }
[data-bs-theme=dark] .admin-pagination .page-link:hover { background: var(--ee-surface); color: var(--ee-primary); box-shadow: none; }
[data-bs-theme=dark] .admin-pagination .page-link.active { background: var(--ee-primary); color: var(--ee-on-primary); box-shadow: none; }
[data-bs-theme=dark] .admin-pagination .page-link.disabled { color: var(--ee-border-strong); }
[data-bs-theme=dark] .sorting.sort-asc::after, [data-bs-theme=dark] .sorting.sort-desc::after { color: var(--ee-primary); }
/* Koyu temada arka plan örtüsü sayfayı daha çok geri iter; açılır menüler de yükseltilmiş yüzeyde. */
[data-bs-theme=dark] .modal-backdrop { background-color: var(--ee-scrim); } [data-bs-theme=dark] .modal-backdrop.show { opacity: 1; }
[data-bs-theme=dark] .menu-sub-dropdown, [data-bs-theme=dark] .ee-page-navigation-links { background-color: var(--ee-raised); border: 1px solid var(--ee-raised-outline); box-shadow: var(--ee-raised-shadow); }
.ee-modal .btn:disabled { opacity: .55; }
/* Anında filtre (ee-filter instant): etkin filtre çipleri + temizle */
.ee-filter-instant .ee-filter-actions { align-items: center; }
.ee-filter-instant .ee-filter-actions:not(:has(.ee-filter-chips > *)):not(:has([data-filter-clear]:not([hidden]))) { display: none; }
.ee-filter-chips { display: flex; flex-wrap: wrap; gap: 6px; flex: 1; }
.ee-filter-chip { display: inline-flex; align-items: center; gap: 6px; background: var(--ee-primary-soft); color: var(--ee-primary); border: 0; border-radius: 999px; padding: 3px 8px 3px 10px; font-size: 12.5px; font-weight: 600; }
.ee-filter-chip > i { font-size: 12px; color: inherit; }
@media (max-width: 575.98px) { .ee-filter .ee-filter-fields { grid-template-columns: minmax(0, 1fr); } }
@media (prefers-reduced-motion: reduce) { .ee-pf-flash > td { animation: none; } }

/* Öğrenim türleri (E1-5): iki kart (program türleri, öğretim şekli), karar bekleyen kod satırı, adım zinciri, YÖK kod hücresi. */
.ee-st-card .ee-table td { vertical-align: top; }
.ee-st-card .ee-table { min-width: 720px; }
.ee-st-name { font-weight: 600; }
.ee-st-card .ee-table td:first-child { min-width: 180px; }
.ee-st-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-top: 2px; }
.ee-st-sub.ee-st-wait { color: var(--ee-warn); }
.ee-st-sub.ee-st-bad { color: var(--ee-bad); }
.ee-st-codes { font-size: var(--ee-fs-sm); line-height: 1.6; }
.ee-st-codes b { font-variant-numeric: tabular-nums; margin-right: 4px; }
.ee-st-count { font-weight: 600; font-variant-numeric: tabular-nums; }
.ee-st-count + .ee-st-sub { white-space: nowrap; }
.ee-st-count a { text-decoration: none; }
.ee-st-count a:hover { text-decoration: underline; }
.ee-st-pending td:first-child { box-shadow: inset 3px 0 0 var(--ee-bad); }
.ee-st-pending { background: var(--ee-bad-soft); }
.ee-st-flow { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 var(--ee-space-3); padding: 0; list-style: none; }
.ee-st-flow li { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); }
.ee-st-flow li + li::before { content: "›"; color: var(--ee-text-2); }
.ee-st-step { padding: 3px 10px; border-radius: 999px; background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-st-step.ee-st-uncertain { background: transparent; border: 1px dashed var(--ee-warn); color: var(--ee-warn); }
.ee-st-notes { margin: 0 0 var(--ee-space-3); padding-left: 1.2em; font-size: var(--ee-fs-base); }
.ee-st-notes li + li { margin-top: 4px; }
.ee-st-muted { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-st-skipped { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin: var(--ee-space-3) 0 0; }
.ee-st-skipped form { display: inline; }
.ee-st-changes { margin: 4px 0 0; padding-left: 1.1em; }
.ee-st-changes li { margin-top: 4px; }
.ee-st-changes form { display: inline; }
.ee-st-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--ee-space-4); align-items: start; }
@media (max-width: 991.98px) { .ee-st-grid { grid-template-columns: 1fr; } }

/* ---------- Kullanıcı formu (kullanıcı formu P1) ---------- */
/* Telefon: ülke kodu + numara; geçici şifre: salt okunur kutu + Üret/Kopyala. */
.ee-phone, .ee-inline-field { display: flex; gap: var(--ee-space-2); align-items: center; }
.ee-phone .ee-input-short { flex: 0 0 auto; width: auto; }
.ee-inline-field .ee-input { flex: 1 1 auto; min-width: 0; font-family: var(--ee-font-mono, monospace); }
.ee-inline-field .btn { flex: 0 0 auto; white-space: nowrap; }
/* ---------- Kullanıcı formu v3 (K1): kişi dairesi, bağlantılı durum etiketi, iki sütun, giriş kutucukları, işlem şeridi ---------- */
.ee-record-icon.ee-avatar { width: 56px; height: 56px; border-radius: 50%; font-size: 20px; font-weight: 700; letter-spacing: .02em;
  background: hsl(var(--ee-avatar-hue, 220) var(--ee-avatar-bg-sl)); color: hsl(var(--ee-avatar-hue, 220) var(--ee-avatar-fg-sl)); }
@media (max-width: 575.98px) { .ee-record-icon.ee-avatar { width: 48px; height: 48px; font-size: 17px; } }
/* Kişi dairesi (K3; ee-avatar): baş harf altta, fotoğraf üstte; fotoğraf yüklenemezse ee-avatar.js kaldırır. */
.ee-avatar { position: relative; display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; overflow: hidden;
  border-radius: 50%; font-weight: 700; letter-spacing: .02em; line-height: 1; vertical-align: middle;
  background: hsl(var(--ee-avatar-hue, 220) var(--ee-avatar-bg-sl)); color: hsl(var(--ee-avatar-hue, 220) var(--ee-avatar-fg-sl)); }
.ee-avatar > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.ee-avatar-sm { width: 28px; height: 28px; font-size: 11px; }
.ee-avatar-md { width: 36px; height: 36px; font-size: 14px; }
.ee-avatar-lg { width: 48px; height: 48px; font-size: 17px; }
.ee-avatar .ee-avatar-ini > i { font-size: 1.1em; color: inherit; }
/* Başlıkta fotoğraf düğmesi: üzerine gelince/odakta kamera işareti; görsel sürüklenince vurgulu. */
button.ee-avatar-edit { padding: 0; border: 0; cursor: pointer; overflow: visible; }
button.ee-avatar-edit:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-avatar-cam { position: absolute; right: -2px; bottom: -2px; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px;
  border-radius: 50%; background: var(--ee-surface); color: var(--ee-text-2); border: 1px solid var(--ee-border); font-size: 12px; }
.ee-avatar-cam > i { font-size: 12px; color: inherit; }
button.ee-avatar-edit:hover .ee-avatar-cam, button.ee-avatar-edit:focus-visible .ee-avatar-cam { color: var(--ee-primary); border-color: var(--ee-primary); }
button.ee-avatar-edit.ee-drag { box-shadow: 0 0 0 3px var(--ee-primary); }
.ee-user-cell { display: inline-flex; align-items: center; gap: var(--ee-space-2); min-width: 0; }
/* Fotoğraf penceresi: bırakma alanı → kare kırpma (daire maske) + yakınlaştırma; sağda görüneceği boyutlar. */
.ee-photo { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--ee-space-4); align-items: start; }
@media (max-width: 575.98px) { .ee-photo { grid-template-columns: 1fr; } }
.ee-photo-drop { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--ee-space-2); min-height: 280px;
  padding: var(--ee-space-4); border: 2px dashed var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface-2); text-align: center; }
.ee-photo-drop.ee-drag { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-photo-drop > i { font-size: 32px; color: var(--ee-text-2); }
.ee-photo-drop small { color: var(--ee-text-2); }
.ee-photo-crop { position: relative; width: 280px; max-width: 100%; aspect-ratio: 1; border-radius: var(--ee-radius); overflow: hidden; background: var(--ee-surface-2);
  touch-action: none; cursor: grab; margin: 0 auto; }
.ee-photo-crop:active { cursor: grabbing; }
.ee-photo-crop:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-photo-crop canvas { display: block; width: 100%; height: 100%; }
.ee-photo-mask { position: absolute; inset: 0; border-radius: 50%; box-shadow: 0 0 0 400px rgba(0, 0, 0, .5); outline: 2px solid rgba(255, 255, 255, .8);
  outline-offset: -2px; pointer-events: none; }
.ee-photo-zoom { display: flex; align-items: center; gap: var(--ee-space-2); width: 280px; max-width: 100%; margin: var(--ee-space-3) auto 0; }
.ee-photo-zoom input[type=range] { flex: 1 1 auto; }
.ee-photo-preview { display: flex; flex-direction: column; align-items: center; gap: var(--ee-space-3); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-photo-preview > div { display: flex; align-items: center; gap: var(--ee-space-3); }
.ee-photo-preview .ee-avatar-xl { width: 96px; height: 96px; font-size: 32px; }
.ee-photo-error { margin-top: var(--ee-space-3); }
a.ee-status-link { text-decoration: none; cursor: pointer; white-space: normal; }
a.ee-status-link:hover, a.ee-status-link:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
a.ee-status-link > i:last-child { font-size: 12px; }
/* Kişi ile Hesap ve giriş: geniş ekranda yan yana ve her hâlde eşit yükseklikte; kutucuklar kalan yeri doldurur, eylemler alta yaslı. */
.ee-form-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--ee-space-4); align-items: stretch; margin-bottom: var(--ee-space-4); }
.ee-form-cols > .ee-card { display: flex; flex-direction: column; margin-bottom: 0; }
.ee-form-cols > .ee-card > .ee-card-body { flex: 1 1 auto; display: flex; flex-direction: column; }
@media (max-width: 1199.98px) { .ee-form-cols { grid-template-columns: 1fr; } }
.ee-identity-view { display: flex; align-items: center; gap: var(--ee-space-3); min-height: 40px; padding: 0 var(--ee-space-3); border: 1px dashed var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-identity-view > span { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; letter-spacing: .02em; }
.ee-tiles { flex: 1 1 auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 10px; margin-top: var(--ee-space-4); }
@media (max-width: 575.98px) { .ee-tiles { grid-template-columns: 1fr; grid-auto-rows: auto; } }
.ee-tile { display: flex; flex-direction: column; gap: 3px; min-width: 0; padding: 11px 13px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); scroll-margin: 120px 0 90px; }
.ee-tile-title { display: flex; align-items: center; gap: 7px; font-size: var(--ee-fs-sm); font-weight: 700; color: var(--ee-text-2); }
.ee-tile-title > i { font-size: 16px; color: inherit; }
.ee-tile-title > .ee-status { margin-left: auto; font-size: 11px; padding: 0 7px; }
.ee-tile-text { overflow-wrap: anywhere; line-height: 1.4; }
.ee-tile-action { margin-top: auto; padding-top: 4px; }
.ee-tile-action .ee-btn-link { padding: 0 !important; text-decoration: none; font-weight: 600; }
.ee-tile-action .ee-btn-link:hover { text-decoration: underline; }
.ee-tile-action .ee-btn-link.ee-danger { color: var(--ee-bad) !important; }
.ee-tile.ee-ok .ee-tile-title > i { color: var(--ee-ok); }
.ee-tile.ee-warn { background: var(--ee-warn-soft); border-color: transparent; }
.ee-tile.ee-warn .ee-tile-title { color: var(--ee-warn); }
.ee-tile.ee-bad { background: var(--ee-bad-soft); border-color: transparent; }
.ee-tile.ee-bad .ee-tile-title { color: var(--ee-bad); }
.ee-tile.ee-tile-mute .ee-tile-text { color: var(--ee-text-2); }
.ee-tile.is-flash { animation: ee-tile-flash 1.2s; }
@keyframes ee-tile-flash { 0%, 60% { box-shadow: 0 0 0 3px var(--ee-primary); } 100% { box-shadow: none; } }
@media (prefers-reduced-motion: reduce) { .ee-tile.is-flash { animation: none; box-shadow: 0 0 0 3px var(--ee-primary); } }
/* İşlem şeridi: kutucuk işlemi kartı uzatmaz, iki sütunu kaplar. */
.ee-account-access { scroll-margin: 120px 0 90px; }
.ee-account-access.is-flash { animation: ee-tile-flash 1.2s; border-radius: var(--ee-radius-sm); }
/* ---------- Zaman çizelgesi (ee-timeline; kullanıcı formu v3 K2): her biçim tek anlam — dolu = geçerli süre, gri = bitmiş, taralı = kapalıyken
   kullanılamaz, ok ucu = süresiz, kesik çerçeve = sistem verir, mavi çizgi = bugün, kırmızı kesik çizgi = kapanış günü. ---------- */
.ee-timeline { container: ee-tl / inline-size; }
.ee-tl-lanes { border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); overflow: hidden; }
.ee-tl-lane { --ee-tl-bg: var(--ee-surface); display: grid; grid-template-columns: minmax(200px, 290px) minmax(0, 1fr) 76px; align-items: center; gap: 0 16px; padding: 9px 12px 9px 14px; border-top: 1px solid var(--ee-border); min-height: 58px; background: var(--ee-tl-bg); }
.ee-tl-lane:first-child { border-top: 0; }
.ee-tl-lane.is-axis { --ee-tl-bg: var(--ee-surface-2); min-height: 0; padding-top: 6px; padding-bottom: 6px; }
.ee-tl-lane.is-edit { --ee-tl-bg: var(--ee-primary-soft); }
.ee-tl-name { min-width: 0; }
.ee-tl-title { display: flex; align-items: center; gap: 6px; font-weight: 650; font-size: 14px; }
.ee-tl-title > i { font-size: 15px; color: var(--ee-text-2); }
.ee-tl-sub { font-size: var(--ee-fs-sm); color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-tl-sub.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-tl-sub.is-bad { color: var(--ee-bad); font-weight: 600; }
.ee-tl-lane.is-past .ee-tl-name { opacity: .62; }
.ee-tl-lane.is-sys .ee-tl-title { color: var(--ee-text-2); }
.ee-tl-track { position: relative; align-self: stretch; min-height: 38px; }
.ee-tl-grid, .ee-tl-today, .ee-tl-close { position: absolute; top: -9px; bottom: -9px; width: 0; pointer-events: none; }
.ee-tl-grid { border-left: 1px solid var(--ee-border); opacity: .7; }
.ee-tl-grid.is-year { border-left-color: var(--ee-border-strong); opacity: 1; }
.ee-tl-today { border-left: 2px solid var(--ee-primary); margin-left: -1px; opacity: .75; z-index: 2; }
.ee-tl-close { border-left: 2px dashed var(--ee-bad); margin-left: -1px; opacity: .8; z-index: 2; }
.ee-tl-bar { --ee-tl-c: var(--ee-tl-on); position: absolute; top: calc(50% - 11px); height: 10px; border-radius: 5px; background: var(--ee-tl-c); z-index: 1; }
.ee-tl-bar::before { content: ""; position: absolute; inset: -9px 0; }
.ee-tl-bar.is-past { --ee-tl-c: var(--ee-tl-past); }
.ee-tl-bar.is-cut { --ee-tl-c: var(--ee-bad); background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ee-tl-c) 75%, transparent) 0 2px, transparent 2px 6px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ee-tl-c) 70%, transparent); border-radius: 0 5px 5px 0; }
.ee-tl-bar.is-sys { background: var(--ee-primary-soft); border: 1.5px dashed var(--ee-tl-on); }
.ee-tl-bar.is-open { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ee-tl-bar.is-open::after { content: ""; position: absolute; right: -8px; top: -3px; border: 8px solid transparent; border-right: 0; border-left: 8px solid var(--ee-tl-c); }
.ee-tl-bar.is-cut.is-open::after { opacity: .8; }
.ee-tl-bar.is-cs { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.ee-tl-bar.is-ce { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ee-tl-end { position: absolute; top: calc(50% + 2px); font-size: 11.5px; line-height: 14px; color: var(--ee-text-2); white-space: nowrap; font-variant-numeric: tabular-nums; background: var(--ee-tl-bg); padding: 0 3px; margin: 0 -3px; z-index: 3; }
.ee-tl-end.is-warn { color: var(--ee-warn); font-weight: 700; }
.ee-tl-end.is-bad { color: var(--ee-bad); font-weight: 700; }
.ee-tl-mark { position: absolute; top: calc(50% - 16px); width: 20px; height: 20px; margin-left: -10px; border-radius: 50%; display: grid; place-items: center; background: var(--ee-bad); color: var(--ee-surface); box-shadow: 0 0 0 2px var(--ee-tl-bg); z-index: 4; font-size: 12px; }
.ee-tl-axis { position: relative; height: 38px; font-size: 11.5px; color: var(--ee-text-2); }
.ee-tl-tick { position: absolute; top: 1px; line-height: 18px; transform: translateX(-50%); white-space: nowrap; }
.ee-tl-tick.is-year { font-weight: 700; color: var(--ee-text); }
.ee-tl-now { position: absolute; top: 19px; line-height: 18px; transform: translateX(-50%); white-space: nowrap; font-weight: 700; color: var(--ee-on-primary); background: var(--ee-primary); border-radius: 99px; padding: 0 8px; z-index: 1; }
.ee-tl-actions { display: flex; justify-content: flex-end; align-items: center; gap: 2px; }
.ee-tl-undo { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 8px; padding: 8px 14px; border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-tl-add { display: flex; align-items: center; width: 100%; gap: 8px; min-height: 46px; padding: 0 14px; border: 0; border-top: 1px solid var(--ee-border); background: none; color: var(--ee-primary); font-weight: 650; text-align: left; }
.ee-tl-add:hover, .ee-tl-add:focus-visible { background: var(--ee-surface-2); }
.ee-tl-empty { padding: 12px 14px; border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
/* Personel formu (PLT-015 P2): kimlik geçmişi (Göster), hesap satırı (durum + kullanıcı formuna bağlantı). */
.ee-identity-history { display: grid; gap: 2px; margin: var(--ee-space-2) 0 var(--ee-space-3); padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); font-size: var(--ee-fs-sm); overflow-wrap: anywhere; }
.ee-identity-history > small { color: var(--ee-text-2); }
.ee-person-account-row { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; min-height: 40px; }
.ee-person-account-row > .ee-tl-spacer { flex: 1; }
.ee-person-account-row > i { font-size: 18px; color: var(--ee-text-2); }
.ee-person-account .ee-sub { color: var(--ee-text-2); }
.ee-person-account-link { display: inline-flex; align-items: center; gap: 4px; font-weight: 650; }
.ee-tl-legend { display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 10px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-tl-legend > span { display: inline-flex; align-items: center; gap: 7px; }
.ee-tl-key { position: relative; display: inline-block; width: 22px; height: 8px; border-radius: 4px; flex: none; }
.ee-tl-key.is-on { background: var(--ee-tl-on); }
.ee-tl-key.is-past { background: var(--ee-tl-past); }
.ee-tl-key.is-cut { background: repeating-linear-gradient(135deg, color-mix(in srgb, var(--ee-bad) 75%, transparent) 0 2px, transparent 2px 5px); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ee-bad) 70%, transparent); }
.ee-tl-key.is-sys { background: var(--ee-primary-soft); border: 1.5px dashed var(--ee-tl-on); }
.ee-tl-key.is-open { width: 15px; margin-right: 7px; background: var(--ee-tl-on); border-radius: 4px 0 0 4px; }
.ee-tl-key.is-open::after { content: ""; position: absolute; right: -7px; top: -3px; border: 7px solid transparent; border-right: 0; border-left: 7px solid var(--ee-tl-on); }
.ee-tl-key.is-today { width: 0; height: 14px; border-left: 2px solid var(--ee-primary); border-radius: 0; }
.ee-tl-key.is-close { width: 0; height: 14px; border-left: 2px dashed var(--ee-bad); border-radius: 0; }
.ee-tl-tip { position: fixed; z-index: 1090; max-width: min(340px, 90vw); padding: 8px 11px; font-size: var(--ee-fs-sm); line-height: 1.45; pointer-events: none; background: var(--ee-raised-card); color: var(--ee-text); border: 1px solid var(--ee-raised-line); outline: 1px solid var(--ee-raised-outline); border-radius: var(--ee-radius-sm); box-shadow: var(--ee-raised-shadow); }
/* Çizelge içinde yerinde düzenleyici (Hesap ✎, yetki ekle/değiştir): satırın hemen altında açılır. */
.ee-tl-editor { border-top: 1px solid var(--ee-border); background: var(--ee-surface-2); padding: 14px 14px 12px; }
.ee-tl-editor-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 14px 18px; align-items: start; }
.ee-tl-editor-grid.is-three { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, 1fr); gap: 12px 14px; }
.ee-tl-editor-grid .ee-field { margin-bottom: 0; }
.ee-tl-editor-side { display: grid; gap: 10px; align-content: start; padding-left: 18px; border-left: 1px solid var(--ee-border); }
.ee-tl-editor-state { font-size: 14px; }
.ee-tl-editor-state > b { color: var(--ee-bad); }
.ee-tl-editor-state.is-warn > b { color: var(--ee-warn); }
.ee-tl-editor-foot { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.ee-tl-editor-foot > .ee-tl-spacer { flex: 1; }
.ee-tl-chips { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 7px; }
.ee-tl-chips > .ee-chip { padding: 2px 10px; font-weight: 600; color: var(--ee-text-2); cursor: pointer; }
.ee-tl-chips > .ee-chip.is-on { border-color: var(--ee-primary); color: var(--ee-primary); background: var(--ee-primary-soft); }
/* Dar düzen çizelgenin kendi genişliğine göre (kart dar sütunda da olabilir). */
@container ee-tl (max-width: 640px) {
  .ee-tl-lane { grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "n a" "t t"; gap: 6px 8px; padding: 10px 10px 12px 12px; }
  .ee-tl-lane > .ee-tl-name { grid-area: n; }
  .ee-tl-lane > .ee-tl-actions { grid-area: a; }
  .ee-tl-lane > .ee-tl-track { grid-area: t; }
  .ee-tl-lane.is-axis { grid-template-columns: 1fr; grid-template-areas: "t"; }
  .ee-tl-lane.is-axis > .ee-tl-axis { grid-area: t; }
  .ee-tl-lane.is-axis > span { display: none; }
  .ee-tl-grid, .ee-tl-today, .ee-tl-close { top: -4px; bottom: -12px; }
  .ee-tl-editor-grid, .ee-tl-editor-grid.is-three { grid-template-columns: 1fr; }
  .ee-tl-editor-side { padding-left: 0; border-left: 0; padding-top: 12px; border-top: 1px solid var(--ee-border); }
}
.ee-assign-hint { margin-top: var(--ee-space-2); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-modal-info { margin-right: auto; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
/* select2 (tek ve çoklu): ee-input ile aynı ölçü (40px, 8/12 iç boşluk, 15px, 8px yarıçap). select2 kaynak select'in sınıflarını
   (ee-input) seçim kutusuna da kopyalar; o yüzden iç boşluk burada sıfırlanır ve boşluğu yalnız iç öğeler taşır (çift sayılmaz). */
:is(.ee-field, .ee-multi-select) .select2-container { width: 100% !important; max-width: 100%; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection { box-sizing: border-box; min-height: 40px; height: auto; padding: 0; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); font-size: var(--ee-fs-base); line-height: 1.4; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--single { display: flex; align-items: center; position: relative; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--single .select2-selection__rendered { flex: 1 1 auto; min-width: 0; color: var(--ee-text); padding: 8px 32px 8px 12px; line-height: 1.4; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--single .select2-selection__placeholder { color: var(--ee-text-3, var(--ee-text-2)); }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--single .select2-selection__arrow { top: 0; right: 6px; height: 100%; width: 20px; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; padding: 5px 12px; min-height: 40px; cursor: text; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--multiple .select2-selection__rendered { display: contents; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--multiple .select2-selection__choice { margin: 0; line-height: 1.4; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--multiple .select2-search--inline { margin: 0; flex: 1 1 4em; min-width: 4em; }
:is(.ee-field, .ee-multi-select) .select2-container .select2-selection--multiple:not(.form-select-sm):not(.form-select-lg) .select2-search__field { margin: 0; height: 28px; line-height: 28px; font-size: var(--ee-fs-base); padding: 0; }
.ee-field .is-invalid + .select2-container .select2-selection--single { border-color: var(--ee-bad); }

/* ---------- Grafik (ee-chart), sayaç (ee-stat), sekmeler (ee-tabs), küçük çubuklar (ee-sparkbars) — Sistem izleme İ1 ---------- */
.ee-chart-c1 { --ee-c: var(--ee-chart-1); }
.ee-chart-c2 { --ee-c: var(--ee-chart-2); }
.ee-chart-c3 { --ee-c: var(--ee-chart-3); }
.ee-chart-ccrit { --ee-c: var(--ee-chart-crit); }
.ee-chart .ee-card-body { padding: var(--ee-space-3) var(--ee-space-4) var(--ee-space-4); }
.ee-chart .ee-card-head { padding: var(--ee-space-3) var(--ee-space-4); }
.ee-chart .ee-card-head h2 { font-size: var(--ee-fs-base); }
.ee-chart-plot { min-height: var(--ee-chart-h, 190px); }
.ee-chart-table { max-height: calc(var(--ee-chart-h, 190px) + 60px); overflow: auto; }
.ee-chart-table .ee-table-wrap { border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); }
.ee-chart-table th[scope=row] { font-weight: 500; white-space: nowrap; color: var(--ee-text-2); }
.ee-chart-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-chart-legend span { display: inline-flex; align-items: center; gap: 6px; }
.ee-chart-legend i { width: 10px; height: 10px; border-radius: 3px; background: var(--ee-c); }
.ee-chart-legend i.ee-chart-ln { height: 2px; width: 14px; border-radius: 1px; }
.ee-chart-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: var(--ee-space-3); margin-bottom: var(--ee-space-2); }
.ee-chart-tip { padding: 6px 10px; font-size: var(--ee-fs-sm); }
.ee-chart-tip > div { color: var(--ee-text-2); }
.ee-chart .apexcharts-tooltip { box-shadow: var(--ee-raised-shadow); border-color: var(--ee-border) !important; }

.ee-spark { display: inline-flex; align-items: flex-end; gap: 1px; height: 22px; vertical-align: middle; margin-left: 10px; }
.ee-spark i { width: 3px; height: var(--ee-h, 0%); min-height: 2px; background: var(--ee-c); border-radius: 1px 1px 0 0; opacity: .85; }
.ee-spark i.ee-spark-z { height: 2px; background: var(--ee-border); opacity: 1; }

.ee-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--ee-space-3); margin-bottom: var(--ee-space-5); }
.ee-stats-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.ee-stats-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.ee-stats-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); }
@media (max-width: 1199.98px) { .ee-stats-4, .ee-stats-5, .ee-stats-6 { grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); } }
.ee-stat { display: grid; gap: 4px; align-content: start; min-width: 0; padding: 12px 14px 10px; background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); box-shadow: var(--ee-shadow); color: var(--ee-text); text-decoration: none; }
a.ee-stat:hover { border-color: var(--ee-primary); color: var(--ee-text); }
.ee-stat-label { display: flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text-2); }
.ee-stat-label > i { font-size: 16px; color: inherit; }
.ee-stat-value { font-size: var(--ee-fs-h1); font-weight: 650; line-height: 1.15; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-stat-note { font-size: var(--ee-fs-sm); color: var(--ee-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-stat .ee-spark { margin: 2px 0 0; height: 24px; }
.ee-delta { font-weight: 600; }
.ee-delta-bad { color: var(--ee-bad); }
.ee-delta-good { color: var(--ee-ok); }
.ee-delta-flat { color: var(--ee-text-2); }

.ee-tabs { display: flex; gap: 2px; border-bottom: 1px solid var(--ee-border); overflow-x: auto; scrollbar-width: thin; margin-bottom: 12px; }
.ee-tab { display: inline-flex; align-items: center; gap: 7px; padding: 9px 14px 10px; font-weight: 600; color: var(--ee-text-2); border-bottom: 2px solid transparent; white-space: nowrap; text-decoration: none; }
.ee-tab:hover { color: var(--ee-text); }
.ee-tab.is-on { color: var(--ee-primary); border-bottom-color: var(--ee-primary); }
.ee-tab-n { font-size: 12px; font-weight: 700; border-radius: 999px; padding: 0 7px; background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-tab-n.ee-bad { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-tab-n.ee-warn { background: var(--ee-warn-soft); color: var(--ee-warn); }

/* ---------- Sistem izleme ekranları (denetim satırı, toplu seçim, yığın izi, geçmiş) ---------- */
.ee-mon-controls { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: var(--ee-space-3); }
.ee-mon-lbl { font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text-2); }
.ee-mon-seg { display: inline-flex; flex: none; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); overflow: hidden; background: var(--ee-surface); }
.ee-mon-seg a { padding: 5px 12px; font-size: var(--ee-fs-sm); color: var(--ee-text); text-decoration: none; white-space: nowrap; }
.ee-mon-seg a + a { border-left: 1px solid var(--ee-border-strong); }
.ee-mon-seg a:hover { background: var(--ee-surface-2); }
.ee-mon-seg a[aria-current] { background: var(--ee-primary); color: var(--ee-on-primary); font-weight: 600; }
.ee-mon-sp { flex: 1 1 auto; }
.ee-mon-upd { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-mon-live { width: 8px; height: 8px; border-radius: 50%; background: var(--ee-ok); box-shadow: 0 0 0 3px var(--ee-ok-soft); }
.ee-mon-controls .ee-field { margin: 0; }
.ee-mon-controls .ee-field-heading { display: contents; }
.ee-mon-controls .ee-mon-auto select.ee-input { width: auto; min-height: 32px; padding: 4px 30px 4px 10px; font-size: var(--ee-fs-sm); }
[data-monitor-region] { transition: opacity .15s .1s; }
[data-monitor-region].ee-mon-busy { opacity: .55; }
@media (prefers-reduced-motion: reduce) { [data-monitor-region] { transition: none; } }
.ee-mon-grid { display: grid; gap: var(--ee-space-5); margin-bottom: var(--ee-space-5); }
.ee-mon-grid > .ee-card, .ee-mon-side > .ee-card { margin-bottom: 0; }
.ee-mon-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ee-mon-grid-main { grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); align-items: start; }
.ee-mon-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
@media (max-width: 1199.98px) { .ee-mon-grid-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 991.98px) { .ee-mon-grid-2, .ee-mon-grid-main, .ee-mon-grid-3 { grid-template-columns: minmax(0, 1fr); } }

/* Sistem izleme İ3b: durum şeridi maddeleri, kontrol listesi (nokta + ad + sağda ayrıntı) */
.ee-mon-problems { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.ee-mon-problems li { display: inline-flex; align-items: center; gap: 7px; }
.ee-mon-problems a { color: inherit; text-decoration: underline; text-underline-offset: 2px; }
.ee-mon-dot { flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-border-strong); }
.ee-mon-dot.is-ok { background: var(--ee-ok); }
.ee-mon-dot.is-warn { background: var(--ee-warn); }
.ee-mon-dot.is-bad { background: var(--ee-bad); }
.ee-mon-checks { list-style: none; margin: 0; padding: 0; }
.ee-mon-checks li { display: flex; align-items: center; gap: 10px; padding: 10px var(--ee-space-4); border-bottom: 1px solid var(--ee-border); min-width: 0; }
.ee-mon-checks li:last-child { border-bottom: 0; }
.ee-mon-checks small { color: var(--ee-text-2); font-size: var(--ee-fs-sm); text-align: right; overflow-wrap: anywhere; }
.ee-mon-checks small.is-bad { color: var(--ee-bad); font-weight: 600; }
.ee-mon-checks small.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-mon-side { display: grid; gap: var(--ee-space-5); align-content: start; }
.ee-mon-h2 { font-size: var(--ee-fs-h2); font-weight: 650; margin: var(--ee-space-6) 0 var(--ee-space-3); color: var(--ee-text); scroll-margin-top: 120px; }
.ee-mon-why { font-size: var(--ee-fs-sm); color: var(--ee-text-2); max-width: 70rem; }
.ee-mon-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); padding: 9px var(--ee-space-4); background: var(--ee-primary-soft); border-bottom: 1px solid var(--ee-border); border-top-left-radius: calc(var(--ee-radius) - 1px); border-top-right-radius: calc(var(--ee-radius) - 1px); }
.ee-mon-bulk[hidden] { display: none; }
.ee-mon-pick { width: 16px; height: 16px; accent-color: var(--ee-primary); vertical-align: middle; }
.ee-mon-title { font-weight: 600; overflow-wrap: anywhere; }
.ee-jobs-table { min-width: 0; container-type: inline-size; }
.ee-jobs-table #jobsTable { table-layout: fixed; }
.ee-jobs-table #jobsTable th:nth-child(1), .ee-jobs-table #jobsTable td:nth-child(1) { width: 19rem; }
.ee-jobs-table #jobsTable td:nth-child(1) .ee-mon-title { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-jobs-table #jobsTable td:nth-child(2), .ee-jobs-table #jobsTable td:nth-child(3), .ee-jobs-table #jobsTable td:nth-child(6) { white-space: nowrap; }
.ee-jobs-table #jobsTable td:nth-child(4), .ee-jobs-table #jobsTable td:nth-child(5) { min-width: 0; }
@container (max-width: 900px) {
  .ee-jobs-table #jobsTable th:nth-child(2), .ee-jobs-table #jobsTable td:nth-child(2),
  .ee-jobs-table #jobsTable th:nth-child(4), .ee-jobs-table #jobsTable td:nth-child(4),
  .ee-jobs-table #jobsTable th:nth-child(6), .ee-jobs-table #jobsTable td:nth-child(6) { display: none; }
  .ee-jobs-table #jobsTable th:nth-child(1), .ee-jobs-table #jobsTable td:nth-child(1) { width: 32%; }
}
@container (max-width: 560px) {
  .ee-jobs-table #jobsTable { min-width: 0; }
  .ee-jobs-table #jobsTable thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  .ee-jobs-table #jobsTable tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "job job" "last health" "result result" "actions actions"; align-items: center; }
  .ee-jobs-table #jobsTable tbody td { min-width: 0; padding: 5px 10px; border-bottom: 0; }
  .ee-jobs-table #jobsTable tbody td:nth-child(1) { grid-area: job; width: auto; }
  .ee-jobs-table #jobsTable tbody td:nth-child(3) { grid-area: last; }
  .ee-jobs-table #jobsTable tbody td:nth-child(5) { grid-area: result; overflow-wrap: anywhere; }
  .ee-jobs-table #jobsTable tbody td:nth-child(7) { grid-area: health; }
  .ee-jobs-table #jobsTable tbody td:nth-child(8) { grid-area: actions; justify-self: end; }
}
.ee-job-detail-stats { min-width: 0; container-type: inline-size; }
@container (max-width: 640px) {
  .ee-job-detail-stats .ee-stats-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@container (max-width: 360px) {
  .ee-job-detail-stats .ee-stats-4 { grid-template-columns: minmax(0, 1fr); }
}
.ee-mon-count { display: inline-flex; align-items: center; justify-content: flex-end; font-weight: 600; white-space: nowrap; }
.ee-mon-pos { font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-mon-pad { margin: 0; padding: var(--ee-space-3) 0; }
.ee-mon-sub-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--ee-space-2); margin: var(--ee-space-5) 0 var(--ee-space-2); }
.ee-mon-sub-head h3 { margin: 0; font-size: var(--ee-fs-base); font-weight: 650; }
.ee-mon-toggle { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); cursor: pointer; }
.ee-mon-toggle input { width: 16px; height: 16px; accent-color: var(--ee-primary); }
.ee-mon-trace { margin: 0; padding: 12px 16px; max-height: 26rem; overflow: auto; background: var(--ee-surface-2); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); font-family: var(--ee-font-mono); font-size: var(--ee-fs-sm); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ee-text-2); }
.ee-mon-trace > span { display: block; }
.ee-mon-trace > .is-ex { color: var(--ee-bad); font-weight: 600; }
.ee-mon-trace > .is-app { color: var(--ee-text); font-weight: 600; }
.ee-mon-trace > .is-gap { display: none; font-style: italic; }
.ee-mon-trace.is-app > .is-lib { display: none; }
.ee-mon-trace.is-app > .is-gap { display: block; }
.ee-mon-history { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.ee-mon-history li { display: grid; grid-template-columns: 12px minmax(0, 1fr); gap: 10px; }
.ee-mon-history li::before { content: ""; width: 10px; height: 10px; border-radius: 50%; margin-top: 6px; background: var(--ee-border-strong); }
.ee-mon-history li.is-bad::before { background: var(--ee-chart-crit); }
.ee-mon-history li.is-ok::before { background: var(--ee-ok); }
.ee-mon-history li.is-warn::before { background: var(--ee-warn); }
.ee-mon-history small { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-mon-meter { padding: 8px 0; border-bottom: 1px solid var(--ee-border); }
.ee-mon-meter:last-child { border-bottom: 0; }
.ee-mon-meter > div:first-child { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 6px; }
.ee-mon-meter > div:first-child span + span { color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-table tr.is-current > td { background: var(--ee-primary-soft); }

/* Sistem izleme İ2: son çalışmalar şeridi (Arka plan işleri), takılan iş satırı, e-posta görünümü */
.ee-runs { display: inline-flex; gap: 2px; vertical-align: middle; }
.ee-runs i { width: 6px; height: 14px; border-radius: 2px; background: var(--ee-ok); }
.ee-runs i.is-warn { background: var(--ee-warn); }
.ee-runs i.is-bad { background: var(--ee-chart-crit); }
.ee-runs i.is-none { background: var(--ee-border-strong); }
.ee-mon-legend { display: flex; flex-wrap: wrap; gap: 6px 16px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-mon-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.ee-table tr.is-hot > td { background: var(--ee-bad-soft); }
.ee-mon-reason { color: var(--ee-bad); }
.ee-mon-wrap { overflow-wrap: anywhere; }
.ee-mon-foot-note { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-bottom: var(--ee-space-2); }
.ee-mail-frame { max-width: 680px; padding: 18px 22px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius); background: var(--ee-surface); color: var(--ee-text); font-size: var(--ee-fs-base); line-height: 1.6; white-space: pre-wrap; overflow-wrap: anywhere; }
.ee-mail-frame a { color: var(--ee-primary); }
.ee-mail-masked { display: inline-block; background: var(--ee-surface-2); color: var(--ee-text-2); border-radius: var(--ee-radius-sm); padding: 1px 8px; font-size: var(--ee-fs-sm); white-space: nowrap; }

/* Sistem izleme İ3: Performans (uzun süre/hata vurgusu, tek satır sorgu metni) */
.ee-mon-slow { color: var(--ee-warn); font-weight: 600; }
.ee-mon-bad { color: var(--ee-bad); font-weight: 600; }
.ee-mon-sql { display: block; max-width: 52ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--ee-font-mono); font-size: var(--ee-fs-sm); }

/* Hata sayfası: kısa destek kodu + Kopyala */
.ee-support-code { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: var(--ee-space-4) 0; padding: 8px 14px; border: 1px dashed var(--ee-border-strong); border-radius: var(--ee-radius-sm); }
.ee-support-code .ee-code { font-size: var(--ee-fs-lg); letter-spacing: 1px; font-weight: 700; }

/* Enstitü ön sayfası (D1-6): başlıkta logo kutusu; enstitü rengi (--ee-k*, BrandPalette — ön sayfada yazılır) başlık bandına, birincil
   düğmeye ve bağlantılara. Alt bilgide enstitü iletişimi. Logo penceresi profil fotoğrafı penceresidir; kare maske ve önizleme. */
/* Logo kırpılmaz, oranı serbest (D1-7): yükseklik sabit, genişlik logoya göre (en çok 220 px). */
.ee-record-logo { width: auto; min-width: 48px; max-width: 220px; height: 56px; padding: 4px 8px; overflow: hidden; background: var(--ee-surface); border: 1px solid var(--ee-border); }
.ee-record-logo > img { width: auto; max-width: 100%; height: 100%; object-fit: contain; }
.ee-front .ee-record { border-top: 4px solid var(--ee-k); }
.ee-front .ee-record-icon:not(.ee-record-logo) { background: var(--ee-k-soft); color: var(--ee-k-mark); }
.ee-front { --bs-primary: var(--ee-k); --bs-primary-active: var(--ee-k-hover); --bs-primary-inverse: var(--ee-k-on); --ee-primary: var(--ee-k-link); }
.ee-front-contact a { display: inline-flex; align-items: center; gap: 5px; color: var(--ee-k-link); }
.ee-front-contact { display: flex; flex-wrap: wrap; gap: var(--ee-space-1) var(--ee-space-4); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }


/* Belge isteği şeridi (DocumentRequestLine, ön sayfa düzenindeki aday sayfaları): tek satır, enstitü rengiyle.
   Ön sayfa v2 bölümleri ee-oband.css. */
.ee-ostrip { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; padding: 10px 16px; margin-bottom: 16px; border-radius: 12px; background: var(--ee-k-soft); font-size: 13.5px; }
.ee-ostrip > i { font-size: 18px; color: var(--ee-k-link); }
.ee-photo-square .ee-photo-mask { border-radius: var(--ee-radius-sm); }
.ee-photo-square .ee-photo-preview .ee-avatar { border-radius: var(--ee-radius-sm); }
.ee-logo-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--ee-space-3); }
.ee-logo-box { width: auto; min-width: 56px; max-width: 220px; height: 56px; padding: 4px 8px; display: grid; place-items: center; overflow: hidden; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text-2); font-size: 22px; }
.ee-logo-box > img { width: auto; max-width: 100%; height: 100%; object-fit: contain; }
/* Kurum logosu (D1-12; InstitutionLogo): yüklenen tek logo yatay ve dikey yeri karşılar — yükseklik yerleşimin sınıfından, genişlik taşmaz, oran korunur. */
.ee-brand-logo { width: auto; max-width: 100%; object-fit: contain; }
/* Görsel penceresi kipleri (D1-7; ee-avatar.js data-photo-aspect): 16:9 geniş kırpma, serbest (logo) kırpmasız önizleme. */
.ee-photo-wide .ee-photo { grid-template-columns: 1fr; }
.ee-photo-wide .ee-photo-crop { width: 100%; max-width: 560px; aspect-ratio: 16 / 9; }
.ee-photo-wide .ee-photo-mask { border-radius: var(--ee-radius-sm); }
.ee-photo-wide .ee-photo-zoom { width: 100%; max-width: 560px; }
.ee-photo-wide .ee-photo-drop { min-height: 200px; }
/* Logo penceresi ve Kimlik kartı (ön sayfa v2 §3.2, NOTLAR §2.2; _LogoEditor, _FrontLogo, ee-logo-field.js). Bant yüzeyleri temadan
   bağımsızdır: açık plaka/bant beyaz, koyu plaka/bant --ee-logo-on-dark; enstitü rengi (--ee-lid-ink, düğme tonu) betikle verilir. */
.ee-lm .modal-dialog { max-width: min(960px, calc(100vw - 24px)); }
.ee-lm-grid { display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 20px; align-items: start; }
.ee-lm-left { min-width: 0; }
.ee-lm-tabs { margin-bottom: 8px; }
.ee-lm-drop { display: grid; place-items: center; gap: 8px; min-height: 200px; margin: 0; padding: 20px; border: 2px dashed var(--ee-border-strong); border-radius: 12px; text-align: center; color: var(--ee-text-2); font-size: 13px; cursor: pointer; }
.ee-lm-drop.ee-drag { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-lm-drop > i { font-size: 28px; color: var(--ee-text-3); }
.ee-lm-drop strong { color: var(--ee-text); font-size: 15px; }
.ee-lm-drop small { max-width: 420px; font-size: 12.5px; color: var(--ee-text-3); }
.ee-lm-link { color: var(--ee-primary); text-decoration: underline; }
.ee-lm-stage { position: relative; display: flex; height: 170px; padding: 12px; overflow: auto; border: 1px solid var(--ee-border); border-radius: 10px;
  background: repeating-conic-gradient(var(--ee-checker) 0% 25%, var(--ee-logo-on-light) 0% 50%) 0 0 / 16px 16px; }
.ee-lm-stage.is-dark { background: repeating-conic-gradient(var(--ee-checker-dark) 0% 25%, var(--ee-checker-dark-bg) 0% 50%) 0 0 / 16px 16px; }
.ee-lm-img { position: relative; flex: none; margin: auto; touch-action: none; }
.ee-lm-img > canvas { display: block; width: 100%; height: 100%; }
.ee-lm-crop { position: absolute; box-shadow: 0 0 0 9999px var(--ee-logo-crop-shade); outline: 1.5px solid var(--ee-logo-on-light); cursor: move; }
.ee-lm-crop::after { content: ""; position: absolute; inset: -1.5px; border: 1.5px dashed var(--ee-logo-crop); pointer-events: none; }
.ee-lm-crop:focus-visible { outline-width: 3px; }
.ee-lm-crop > i { position: absolute; width: 12px; height: 12px; border: 2px solid var(--ee-logo-crop); border-radius: 3px; background: var(--ee-logo-on-light); }
.ee-lm-h-nw { left: -7px; top: -7px; cursor: nwse-resize; }
.ee-lm-h-ne { right: -7px; top: -7px; cursor: nesw-resize; }
.ee-lm-h-sw { left: -7px; bottom: -7px; cursor: nesw-resize; }
.ee-lm-h-se { right: -7px; bottom: -7px; cursor: nwse-resize; }
.ee-lm-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin-top: 10px; }
.ee-lm-row + .ee-lm-row { margin-top: 8px; }
.ee-lm-range { width: 130px; accent-color: var(--ee-primary); }
.ee-lm-sp { flex: 1; }
.ee-lm-check { display: inline-flex; align-items: center; gap: 6px; margin: 0; font-size: 13px; cursor: pointer; }
.ee-lm-manual { font-size: 12.5px; color: var(--ee-text-3); }
.ee-lm-warn { display: flex; align-items: flex-start; gap: 6px; margin-top: 8px; font-size: 12.5px; color: var(--ee-warn); }
.ee-lm-warn > i { margin-top: 2px; }
.ee-lm-error { margin-top: 10px; }
.ee-lm-meas { margin-top: 12px; padding: 10px 12px; border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface-2); font-size: 13px; }
.ee-lm-bars { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 6px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-lm-bars b { color: var(--ee-text); font-variant-numeric: tabular-nums; }
.ee-lm-other { margin-top: 14px; }
.ee-lm-lab { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-lm-opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 8px; }
.ee-lm-opt { position: relative; display: grid; align-content: start; gap: 6px; padding: 8px; border: 1px solid var(--ee-border-strong); border-radius: 10px; background: var(--ee-surface); color: var(--ee-text); text-align: left; cursor: pointer; }
.ee-lm-opt[aria-checked=true] { border-color: var(--ee-primary); box-shadow: inset 0 0 0 1px var(--ee-primary); }
.ee-lm-opt:focus-visible { outline: 0; box-shadow: 0 0 0 3px var(--ee-k-ring, var(--ee-primary-soft)); }
.ee-lm-opt > b { font-size: 13px; }
.ee-lm-opt > small { font-size: 12px; line-height: 1.35; color: var(--ee-text-2); }
.ee-lm-rec { position: absolute; top: -8px; right: 6px; padding: 0 5px; border: 1px solid var(--ee-surface); border-radius: 5px; background: var(--ee-ok-soft); color: var(--ee-ok); font-size: 11px; font-weight: 700; }
.ee-lm-th { display: flex; align-items: center; justify-content: center; height: 40px; padding: 4px; overflow: hidden; border-radius: 6px; }
.ee-lm-th.is-light { background: var(--ee-logo-on-light); box-shadow: inset 0 0 0 1px var(--ee-logo-line-light); }
.ee-lm-th.is-dark { background: var(--ee-logo-on-dark); }
.ee-lm-th img { display: block; max-width: 100%; max-height: 28px; }
.ee-lm-th .ee-lid-plate { display: inline-flex; max-width: 100%; padding: 3px 6px; border-radius: 6px; }
.ee-lm-th .ee-lid-plate > img { max-height: 22px; }
.ee-lm-right { display: grid; gap: 10px; align-content: start; min-width: 0; }
.ee-lm-look { display: grid; gap: 8px; padding-bottom: 12px; border-bottom: 1px solid var(--ee-border); }
.ee-lm-fl { display: grid; grid-template-columns: 62px auto; justify-content: start; align-items: center; gap: 2px 10px; }
.ee-lm-fl > .ee-lm-lab { margin: 0; }
.ee-lm-hint { grid-column: 2; font-size: 12px; color: var(--ee-text-2); }
.ee-lm-surfs, .ee-lm-bands { display: grid; gap: 6px; }
.ee-lm-surfs { gap: 10px; }
.ee-lm-band { display: flex; align-items: center; gap: 8px; height: 64px; padding: 0 12px; overflow: hidden; border: 1px solid; border-radius: 8px; }
.ee-lm-band.is-light, .ee-lf-plate.is-light { background: var(--ee-logo-on-light); border-color: var(--ee-logo-line-light); color: var(--ee-logo-text-light); --ee-lid-sub: var(--ee-logo-text2-light); }
.ee-lm-band.is-dark, .ee-lf-plate.is-dark { background: var(--ee-logo-on-dark); border-color: var(--ee-logo-line-dark); color: var(--ee-logo-text-dark); --ee-lid-sub: var(--ee-logo-text2-dark); }
.ee-lm-idbox { display: flex; flex: 0 1 auto; min-width: 0; }
.ee-lm-fk { display: flex; flex: none; gap: 6px; margin-left: auto; }
.ee-lm-fk > i { display: block; width: 30px; height: 6px; border-radius: 3px; background: currentColor; opacity: .25; }
.ee-lm-phone { width: 260px; max-width: 100%; height: 56px; }
.ee-lm-phone-end { display: flex; flex: none; align-items: center; gap: 6px; margin-left: auto; font-size: 18px; }
.ee-lm-signin { display: inline-flex; align-items: center; height: 30px; padding: 0 10px; border-radius: 8px; background: var(--ee-lid-ink, var(--ee-k)); color: var(--ee-logo-on-light); font-size: 12.5px; font-weight: 600; }
.ee-lm-mail { padding: 10px; border: 1px solid var(--ee-border); border-radius: 8px; background: var(--ee-logo-mail-bg); }
.ee-lm-mail-band { display: grid; place-items: center; gap: 6px; padding: 12px; border-radius: 8px 8px 0 0; background: var(--ee-lid-ink, var(--ee-k)); }
.ee-lm-mail-logo { display: inline-flex; max-width: 100%; }
.ee-lm-mail-logo.has-plate { padding: 6px; border-radius: 12px; background: var(--ee-logo-on-light); }
.ee-lm-mail-logo img { display: block; width: auto; height: 44px; max-width: 220px; object-fit: contain; }
.ee-lm-mail-logo .ee-lid-mark { --ee-lid-h: 44px; box-shadow: inset 0 0 0 1px var(--ee-logo-on-light); }
.ee-lm-mail-name { color: var(--ee-logo-on-light); font: 700 10.5px/1.3 var(--ee-font); letter-spacing: .04em; text-align: center; }
.ee-lm-mail-body { display: grid; gap: 5px; padding: 10px 12px; border-radius: 0 0 8px 8px; background: var(--ee-logo-on-light); }
.ee-lm-mail-body > i { display: block; width: 70%; height: 6px; border-radius: 3px; background: var(--ee-logo-mail-line); }
.ee-lm-mail-body > i + i { width: 85%; }
.ee-lm-remove { color: var(--ee-bad); }
@media (max-width: 860px) {
  .ee-lm-grid { grid-template-columns: minmax(0, 1fr); }
  .ee-lm-opts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* Bandın kimlik bölümü (_FrontBand .ee-obrand ile aynı ölçü): logo seçili boyda (32/40/48, en çok 240 geniş), "Logo ve ad"da ad 15/700
   iki satır + kurum adı 12; logo yoksa enstitü renginde kısa ad işareti. Plaka: açık zeminde enstitü rengi, koyu zeminde beyaz. */
.ee-lid { display: flex; align-items: center; gap: 10px; min-width: 0; max-width: 100%; --ee-lid-h: 40px; }
.ee-lid-h32 { --ee-lid-h: 32px; }
.ee-lid-h40 { --ee-lid-h: 40px; }
.ee-lid-h48 { --ee-lid-h: 48px; }
.ee-lid-img { display: inline-flex; flex: none; max-width: 100%; }
.ee-lid-img > img { display: block; width: auto; height: var(--ee-lid-h); max-width: 240px; object-fit: contain; }
.ee-lid-plate { padding: 4px 8px; border-radius: 8px; }
.is-light .ee-lid-plate { background: var(--ee-lid-ink, var(--ee-k)); }
.is-dark .ee-lid-plate { background: var(--ee-logo-on-light); }
.ee-lid-mark { display: inline-grid; place-items: center; flex: none; min-width: var(--ee-lid-h); height: var(--ee-lid-h); padding: 0 5px; border-radius: 10px; background: var(--ee-lid-ink, var(--ee-k)); color: var(--ee-mark-text); font: 700 13px/1 var(--ee-font); letter-spacing: .02em; }
.ee-lid-t { min-width: 0; }
.ee-lid-t > b { display: -webkit-box; overflow: hidden; font-size: 15px; font-weight: 700; line-height: 1.2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ee-lid-t > small { display: block; overflow: hidden; font-size: 12px; color: var(--ee-lid-sub, var(--ee-text-2)); white-space: nowrap; text-overflow: ellipsis; }
.ee-lf-plates { display: flex; flex-wrap: wrap; gap: 12px; }
.ee-lf-plate-wrap { flex: none; max-width: 100%; }
.ee-lf-plate { display: flex; align-items: center; width: 260px; max-width: 100%; height: 72px; padding: 0 14px; overflow: hidden; border: 1px solid; border-radius: 10px; }
.ee-lf-cap { margin-top: 4px; font-size: 12px; color: var(--ee-text-3); }
.ee-lf-sum { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-top: 12px; }
.ee-lf-sum-text { flex: 1 1 220px; font-size: 13px; color: var(--ee-text-2); }
/* Ön sayfa görselleri tablosu: 16:9 küçük resim. */
.ee-thumb-wide { display: block; width: 112px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); border: 1px solid var(--ee-border); }
.ee-thumb-wide > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ee-image-cell { display: flex; align-items: center; gap: var(--ee-space-3); }
.ee-image-current { display: flex; align-items: center; gap: var(--ee-space-3); margin-bottom: var(--ee-space-3); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-block-row { display: flex; align-items: center; gap: var(--ee-space-2); padding: var(--ee-space-3) 0; border-bottom: 1px solid var(--ee-border); }
.ee-block-row:last-child { border-bottom: 0; }
.ee-block-row .ee-block-main { flex: 1 1 auto; min-width: 0; }
.ee-block-row .ee-block-main > div { color: var(--ee-text-2); font-size: var(--ee-fs-sm); }

/* ---------- Takvim (T1): yıl görünümü zaman sütunu, Dikkat, ortak tarih satırı (_DateRow). Konum yalnız CSS değişkeniyle (--ee-x, --ee-w). */
.ee-cal-toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); padding: var(--ee-space-3) var(--ee-space-4, 16px); border-bottom: 1px solid var(--ee-border); }
.ee-cal-toolbar > .ee-chips { margin: 0; }
.ee-cal-toolbar > .ee-field-help { margin-left: auto; }
.ee-cal-attention { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.ee-cal-attention li { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }
.ee-cal-attention li > span { flex: 1 1 260px; }
.ee-cal-hint { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-weight: 400; }
.ee-cal-hint.ee-cal-warn { color: var(--ee-warn); }
.ee-cal-muted { color: var(--ee-text-2); }
.ee-cal-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-table tr.ee-cal-past td { color: var(--ee-text-2); }
.ee-cal-steps > summary { cursor: pointer; }
.ee-cal-steps ul { margin: 6px 0 0; padding-left: 18px; display: grid; gap: 4px; font-size: var(--ee-fs-sm); }
.ee-cal-steps li.ee-cal-past { color: var(--ee-text-2); }
.ee-cal-tlcol { width: 34%; min-width: 260px; }
.ee-cal-axis, .ee-cal-track { position: relative; display: block; min-width: 240px; }
.ee-cal-axis { height: 18px; }
.ee-cal-axis i { position: absolute; left: var(--ee-x); top: 0; font-style: normal; font-size: 11px; font-weight: 600; color: var(--ee-text-2); padding-left: 3px; border-left: 1px solid var(--ee-border); text-transform: none; letter-spacing: 0; }
.ee-cal-axis i.ee-cal-y { color: var(--ee-text); }
.ee-cal-now-label { position: absolute; left: var(--ee-x); top: 0; transform: translateX(-50%); font-size: 10.5px; font-weight: 700; color: var(--ee-bad); background: var(--ee-surface-2); padding: 0 2px; z-index: 1; text-transform: none; letter-spacing: 0; }
.ee-cal-track { height: 16px; }
.ee-cal-tick { position: absolute; left: var(--ee-x); top: -8px; bottom: -8px; border-left: 1px solid var(--ee-border); opacity: .6; }
.ee-cal-now { position: absolute; left: var(--ee-x); top: -8px; bottom: -8px; border-left: 2px solid var(--ee-bad); opacity: .55; z-index: 1; }
.ee-cal-bar { position: absolute; left: var(--ee-x); width: var(--ee-w); top: 4px; height: 8px; min-width: 3px; border-radius: 4px; background: var(--ee-primary); }
.ee-cal-bar.ee-cal-open { background: var(--ee-ok); }
.ee-cal-bar.ee-cal-done, .ee-cal-pt.ee-cal-done { background: var(--ee-text-2); opacity: .45; }
.ee-cal-bar.ee-cal-term { height: 4px; top: 6px; opacity: .55; }
.ee-cal-pt { position: absolute; left: var(--ee-x); top: 3px; width: 10px; height: 10px; margin-left: -5px; transform: rotate(45deg); border-radius: 2px; background: var(--ee-primary); }
@media (max-width: 1180px) { .ee-cal-tlcol { display: none; } }
.ee-cal-row-notes { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding-bottom: 8px; font-size: var(--ee-fs-sm); }
.ee-cal-weekday { color: var(--ee-text-2); white-space: nowrap; }
.ee-cal-fix { border: 1px dashed var(--ee-border-strong); background: var(--ee-surface); color: var(--ee-primary); border-radius: 999px; padding: 2px 10px; font-size: var(--ee-fs-sm); cursor: pointer; }
.ee-cal-fix:hover { border-color: var(--ee-primary); }
.ee-cal-fix:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-cal-derived { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.ee-cal-derived .ee-cal-hint { display: block; }
/* Takvim tek sayfa (TK1): satır içi düzenleme, öneri durumu, dönem başlığı, ⋯ menüsü, tatiller kartı. */
.ee-cal-date { border: 0; background: none; padding: 2px 4px; margin: -2px -4px; border-radius: var(--ee-radius-sm); font: inherit; color: inherit; text-align: left; white-space: nowrap; font-variant-numeric: tabular-nums; cursor: pointer; }
.ee-cal-date:hover { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-cal-date:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-cal-date.ee-cal-empty { color: var(--ee-text-2); font-style: italic; }
.ee-table tr.ee-cal-prop .ee-cal-date { color: var(--ee-text-2); }
.ee-cal-proposed.ee-status { background: transparent; border: 1px dashed var(--ee-border-strong); color: var(--ee-text-2); }
.ee-table tr.ee-cal-edit-row > td { background: var(--ee-warn-soft); padding-top: 10px; padding-bottom: 10px; }
.ee-cal-edit { display: grid; grid-template-columns: minmax(180px, 260px) minmax(0, 1fr); gap: 8px 16px; align-items: start; }
.ee-cal-edit-name .ee-cal-hint { margin-top: 2px; }
.ee-cal-editor { display: grid; grid-template-columns: minmax(0, 1fr) fit-content(260px); gap: 6px 14px; align-items: end; }
.ee-cal-editor-fields { display: flex; flex-wrap: wrap; align-items: end; gap: 6px 12px; }
.ee-cal-editor-fields .ee-date-field { margin: 0; min-width: 260px; }
.ee-cal-editor .ee-date-heading { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ee-cal-editor .ee-cal-row-notes { grid-column: 1; padding-bottom: 0; }
.ee-cal-editor-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 6px; }
.ee-cal-editor > .ee-cal-editor-actions { grid-column: 2; grid-row: 1; }
.ee-cal-kbd { flex-basis: 100%; text-align: right; font-size: 11.5px; color: var(--ee-text-2); }
.ee-cal-prev { font-size: 12.5px; color: var(--ee-text-2); }
/* Canlı denetim (TD-3): hata > uyarı > bilgi, en çok 2 cümle + tatil satırları + öneri; başta 15px daire. */
.ee-cal-checks { grid-column: 1 / -1; display: flex; flex-direction: column; gap: 3px; }
.ee-cal-checks:empty { display: none; }
.ee-cal-check { display: flex; align-items: flex-start; flex-wrap: wrap; gap: 4px 8px; font-size: var(--ee-fs-sm); line-height: 1.45; }
.ee-cal-check > span:first-child { display: inline-flex; gap: 7px; align-items: flex-start; min-width: 0; }
.ee-cal-check > span:first-child::before { content: "i"; flex: none; display: inline-grid; place-items: center; width: 15px; height: 15px; margin-top: 2px; border-radius: 50%; font: 700 10px/1 var(--ee-font); }
.ee-cal-check[data-level="bad"] { color: var(--ee-bad); font-weight: 600; }
.ee-cal-check[data-level="bad"] > span:first-child::before { content: "!"; background: var(--ee-bad); color: var(--ee-on-primary); }
.ee-cal-check[data-level="warn"] { color: var(--ee-warn); font-weight: 600; }
.ee-cal-check[data-level="warn"] > span:first-child::before { content: "!"; background: var(--ee-warn); color: var(--ee-surface); }
.ee-cal-check[data-level="info"] { color: var(--ee-text-2); }
.ee-cal-check[data-level="info"] > span:first-child::before { border: 1px solid var(--ee-text-3); color: var(--ee-text-2); }
.ee-cal-check[data-level="suggest"] { color: var(--ee-text); }
.ee-cal-check[data-level="suggest"] > span:first-child::before { content: "→"; background: var(--ee-primary-soft); color: var(--ee-primary); }
/* Başlamış adım (K2): başlangıç düz metin, bitiş tarih alanı; iki parça yan yana, sığmazsa alt alta. */
.ee-cal-parts { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 6px 14px; min-width: 0; }
.ee-cal-parts[hidden] { display: none; }
.ee-cal-part { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ee-cal-part-label { font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); line-height: 1.5; }
.ee-cal-part-fixed { display: inline-flex; align-items: center; height: var(--ee-control-h); white-space: nowrap; font-variant-numeric: tabular-nums; font-weight: 600; }
.ee-cal-part .ee-cal-hint { font-size: 12.5px; color: var(--ee-text-3); white-space: nowrap; }
.ee-cal-part .ee-date-field { min-width: 0; width: 180px; }
.ee-cal-editor-fields .ee-cal-parts .ee-date-field { min-width: 0; }
/* Kilitli ilan (K14): tarih düz metin, altında açıklama. */
.ee-cal-hint[data-cal-locked] { font-size: 12.5px; color: var(--ee-text-3); }
/* Takvim açılırı işaretleri (ee-date-picker.js setMarks): komşu adım soluk zemin, tam gün tatil soluk kırmızı numara, yarım gün tatil numara altında küçük nokta, bugün çerçeveli. Gösterge yok; tatilin adı balonda. */
.daterangepicker td.ee-cal-nb:not(.active) { background-color: var(--ee-cal-near); border-radius: 0; }
/* Çift sınıf: seçili aralık içi kuralını (satır ~354, 7 sınıf) özgüllükle geçer. */
.daterangepicker .drp-calendar td.ee-cal-hol.ee-cal-hol.available:not(.active):not(.off) { color: color-mix(in srgb, var(--ee-bad) 75%, var(--ee-surface)); }
.daterangepicker td.ee-cal-half { position: relative; }
.daterangepicker td.ee-cal-half::after { content: ''; position: absolute; left: 50%; bottom: 2px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: color-mix(in srgb, var(--ee-bad) 75%, var(--ee-surface)); }
.daterangepicker td.ee-cal-half.active::after { background: currentColor; }
.daterangepicker td.ee-cal-today:not(.active) { font-weight: 700; box-shadow: inset 0 0 0 1px var(--ee-primary); }
@keyframes ee-cal-flash { from { background: var(--ee-ok-soft); } to { background: transparent; } }
.ee-table tr.ee-cal-flash > td { animation: ee-cal-flash 1.6s ease-out; }
.ee-cal-ok { border: 1px solid var(--ee-border-strong); background: var(--ee-surface); border-radius: var(--ee-radius-sm); padding: 1px 8px; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-ok); white-space: nowrap; cursor: pointer; }
.ee-cal-ok:hover { background: var(--ee-ok-soft); }
/* "Takvim değişikliği" penceresi (TD-1; taslak Takvim-Degisiklik-Taslak): bölümler .ee-ax-sec, önizleme .ee-ax-pv, seçim .ee-ax-seg, kutu
   .ee-ax-tellbox (Giriş sınavları toplu penceresiyle aynı); burada yalnız değişiklik satırı, enstitü grupları ve maddeler. */
.ee-cal-imp-modal .modal-body { padding-top: 4px; overscroll-behavior: contain; }
.ee-cal-imp-chg { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.ee-cal-imp-chg .ee-cal-imp-nv { font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; }
.ee-cal-imp-chg .ee-cal-imp-was { flex-basis: 100%; font-size: 12.5px; color: var(--ee-text-3); font-variant-numeric: tabular-nums; }
.ee-cal-imp-notice { display: flex; gap: 8px; margin: 12px 0 0; padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); color: var(--ee-warn); font-size: 13px; font-weight: 600; }
.ee-cal-imp-error { margin: 12px 0 0; padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-bad-soft); color: var(--ee-bad); font-size: 13px; font-weight: 600; }
.ee-cal-imp-g + .ee-cal-imp-g { margin-top: 14px; }
.ee-cal-imp-g > h4 { margin: 0 0 2px; font-size: 13.5px; font-weight: 700; }
.ee-cal-imp-it { display: grid; grid-template-columns: 14px minmax(0, 1fr); gap: 2px 8px; padding: 8px 0; border-top: 1px solid var(--ee-border); }
.ee-cal-imp-g > h4 + .ee-cal-imp-it { border-top: 0; }
.ee-cal-imp-mk { width: 9px; height: 9px; margin-top: 7px; border-radius: 50%; background: var(--ee-text-3); }
.ee-cal-imp-it.is-warn .ee-cal-imp-mk { background: var(--ee-warn); }
.ee-cal-imp-it.is-auth .ee-cal-imp-mk { background: var(--ee-bad); }
.ee-cal-imp-tx { font-size: 13.5px; font-weight: 600; overflow-wrap: anywhere; }
.ee-cal-imp-tx .ee-status { margin-left: 6px; vertical-align: 1px; }
.ee-cal-imp-sb { grid-column: 2; font-size: 12.5px; color: var(--ee-text-2); }
.ee-cal-imp-ex { grid-column: 2; min-width: 0; margin-top: 6px; }
.ee-cal-imp-ex .ee-ax-seg { margin-bottom: 8px; }
.ee-cal-imp-keep { margin: -2px 0 8px; font-size: 12.5px; font-weight: 600; color: var(--ee-warn); }
.ee-cal-imp-lines { margin: 4px 0 0; padding: 0; list-style: none; font-size: 12.5px; color: var(--ee-text-2); }
.ee-cal-imp-lines li { display: flex; justify-content: space-between; gap: 10px; max-width: 420px; padding: 2px 0; border-bottom: 1px dashed var(--ee-border); }
.ee-cal-imp-lines li:last-child { border-bottom: 0; }
.ee-cal-imp-lines b { flex: none; font-weight: 600; color: var(--ee-text); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-cal-imp-pv tr.is-out td:first-child { box-shadow: inset 3px 0 0 var(--ee-bad); }
.ee-cal-imp-pv .ee-cal-imp-pn { display: block; font-size: 13px; font-weight: 600; }
.ee-cal-imp-pv .ee-cal-imp-ps { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-cal-imp-pv .ee-cal-imp-ln { display: block; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-cal-imp-pv .ee-cal-imp-sl { display: inline-block; min-width: 58px; font-size: 12px; color: var(--ee-text-3); }
.ee-cal-imp-pv .ee-cal-imp-nw { font-weight: 700; color: var(--ee-primary); }
.ee-cal-imp-pv .ee-cal-imp-nt { display: block; font-size: 12px; font-weight: 600; color: var(--ee-warn); white-space: normal; }
.ee-cal-imp-pv .ee-cal-imp-nt.is-bad { color: var(--ee-bad); }
.ee-cal-imp-pv .ee-cal-imp-nt.is-info { font-weight: 400; color: var(--ee-text-3); }
.ee-cal-imp-pv .ee-cal-imp-nt.is-stage { margin: 0 0 3px 58px; }
.ee-cal-imp-pv .ee-cal-imp-faint { color: var(--ee-text-3); }
.ee-cal-imp-pv td.ee-cal-imp-n { text-align: right; font-variant-numeric: tabular-nums; }
.ee-cal-imp-more { margin-top: 6px; }
.ee-cal-imp-note { margin: 6px 0 0; font-size: 12px; color: var(--ee-text-3); }
/* TD-2: e-posta türü başına bir kutu; pasif kutu ("Seçime göre e-posta gerekmiyor.") soluk. */
.ee-cal-imp-mails .ee-ax-tellbox + .ee-ax-tellbox { margin-top: 8px; }
.ee-cal-imp-mails .ee-ax-tellbox:has(input:disabled) { opacity: .55; cursor: default; }
.ee-cal-imp-reason textarea { width: 100%; max-width: 640px; min-height: 76px; resize: vertical; }
.ee-cal-imp-fh { display: flex; justify-content: space-between; gap: 12px; max-width: 640px; margin-top: 4px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-cal-imp-fh .is-bad { color: var(--ee-bad); font-weight: 600; }
.ee-cal-imp-info { flex: 1 1 220px; min-width: 0; margin-right: auto; font-size: 13px; color: var(--ee-text-2); }
.ee-cal-imp-info b { color: var(--ee-text); }
.ee-cal-imp-info.is-bad { color: var(--ee-bad); font-weight: 600; }
@media (max-width: 575.98px) {
    .ee-cal-imp-info { flex-basis: 100%; }
    .ee-cal-imp-pv .ee-cal-imp-nt.is-stage { margin-left: 0; }
}
.ee-cal-ok:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-cal-ok[disabled] { opacity: .6; cursor: default; }
.ee-table tr.ee-cal-group > td { background: var(--ee-surface-2); border-bottom: 1px solid var(--ee-border); padding: 8px 12px; font-size: var(--ee-fs-sm); }
.ee-cal-group-name { font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--ee-text-2); }
.ee-cal-group-range { color: var(--ee-text-2); margin-left: 6px; }
.ee-cal-group-actions { float: right; display: inline-flex; align-items: center; gap: 8px; color: var(--ee-text-2); }
.ee-cal-yearrange { border: 0; border-bottom: 1px dashed var(--ee-border-strong); background: none; padding: 0; font: inherit; font-size: var(--ee-fs-sm); color: var(--ee-text-2); cursor: pointer; }
.ee-cal-yearrange:hover { color: var(--ee-primary); border-color: var(--ee-primary); }
.ee-cal-menu { position: relative; display: inline-block; margin-left: 8px; }
.ee-cal-menu > summary { list-style: none; cursor: pointer; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); padding: 0 10px; line-height: 28px; font-weight: 700; color: var(--ee-text-2); background: var(--ee-surface); }
.ee-cal-menu > summary::-webkit-details-marker { display: none; }
.ee-cal-menu > summary:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-cal-menu-list { position: absolute; right: 0; top: calc(100% + 6px); z-index: 90; min-width: 260px; display: grid; padding: 6px; background: var(--ee-surface); border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); box-shadow: var(--ee-raised-shadow); }
.ee-cal-menu-list form { margin: 0; }
.ee-cal-menu-list button { display: block; width: 100%; border: 0; background: none; text-align: left; padding: 7px 10px; border-radius: var(--ee-radius-sm); font: inherit; color: var(--ee-text); cursor: pointer; }
.ee-cal-menu-list button:hover:not([disabled]) { background: var(--ee-surface-2); }
.ee-cal-menu-list button[disabled] { opacity: .6; cursor: default; }
.ee-cal-menu-list button small { display: block; color: var(--ee-text-2); font-size: 12px; }
.ee-cal-menu-list .ee-cal-danger { color: var(--ee-bad); }
/* Başvuru satırı (TK2): adımlar ve yedek turları alt satır; bağlantı görünümlü düğmeler (+ Ek başvuru, + Yedek turu ekle). */
.ee-cal-toggle { border: 0; background: none; padding: 0; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.ee-cal-toggle::before { content: ""; display: inline-block; width: 6px; height: 6px; margin: 0 8px 2px 2px; border-right: 2px solid var(--ee-text-2); border-bottom: 2px solid var(--ee-text-2); transform: rotate(-45deg); transition: transform .15s; }
.ee-cal-toggle[aria-expanded="true"]::before { transform: rotate(45deg); }
.ee-cal-toggle:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-table tr.ee-cal-sub > td { background: var(--ee-surface-2); font-size: var(--ee-fs-sm); }
.ee-cal-sub-name { display: inline-block; padding-left: 22px; }
.ee-table tr.ee-cal-addr > td { padding-left: 34px; }
.ee-cal-link { border: 0; background: none; padding: 0; font: inherit; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-primary); cursor: pointer; }
.ee-cal-link:hover:not([disabled]) { text-decoration: underline; }
.ee-cal-link[disabled] { color: var(--ee-text-2); cursor: default; }
.ee-cal-link.ee-cal-danger { color: var(--ee-bad); }
.ee-cal-link:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-cal-error { margin-bottom: var(--ee-space-3); padding: 10px 14px; border: 1px solid var(--ee-bad); border-radius: var(--ee-radius); background: var(--ee-bad-soft); color: var(--ee-bad); }
@media (max-width: 760px) {
  .ee-cal-edit, .ee-cal-editor { grid-template-columns: 1fr; }
  .ee-cal-editor-fields .ee-date-field { min-width: 0; flex: 1 1 100%; }
  /* Tablo yatay kayınca düzenleyici görünür genişlikte kalır (denetim cümleleri kesilmez). */
  .ee-cal-edit { position: sticky; left: 12px; max-width: calc(100vw - 64px); }
  .ee-cal-editor >.ee-cal-editor-actions { grid-column: 1; grid-row: auto; justify-content: flex-start; }
  .ee-cal-kbd { text-align: left; }
  .ee-cal-group-actions { float: none; display: flex; margin-top: 4px; }
}
/* Program başvuru şartları (PŞ): şart hücresi (her değer kendi satırında), düzenleme sayfası (§7a), alan içi seçici, seçim çubuğu ve toplu
   düzenleme penceresi. */
tr[data-ps-row][data-ps-edit] { cursor: pointer; }
.ee-ps-cell > span { display: block; white-space: nowrap; }
.ee-ps-own { font-weight: 600; }
.ee-ps-val { font-variant-numeric: tabular-nums; }
.ee-ps-val.is-rule { color: var(--ee-text-2); }
.ee-ps-rule { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-ps-warn { display: inline-flex; align-items: flex-start; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text); }
.ee-ps-cell > .ee-ps-warn { display: flex; }
.ee-ps-warn::before { content: ""; flex: none; width: 8px; height: 8px; margin: .5em 6px 0 0; border-radius: 50%; background: var(--ee-warn); }
.ee-ps-tags { margin-left: 6px; }
.ee-ps-tags .ee-pf-type { margin-right: 4px; }
/* Düzenleme sayfası: form geniş ekranda yayılmaz; satırda etiket solda, değer sağda; kutular değere göre. */
.ee-ps-page { max-width: 1040px; }
/* Düz form (genel şartlar): solda ad, sağda kutu; kutunun altında boş kutunun anlamı (normal küçük metin), hata kutunun hemen altında. */
.ee-ps-form { display: grid; gap: 18px; max-width: 1000px; }
.ee-ps-row { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: 4px 20px; align-items: start; }
.ee-ps-row-label { font-weight: 600; padding-top: 8px; }
.ee-ps-row-value { display: grid; justify-items: start; gap: 4px; min-width: 0; }
.ee-ps-row-value .ee-field, .ee-ps-exam-table .ee-field { margin: 0; }
.ee-ps-num .ee-input { width: 96px; }
.ee-ps-note { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text); }
.ee-ps-note[hidden] { display: none; }
.ee-ps-form[hidden], .ee-ps-lead[hidden] { display: none; }
.ee-ps-lead { margin: 0; max-width: 760px; color: var(--ee-text); }
.ee-ps-row-wide { justify-items: stretch; max-width: 720px; }
.ee-ps-exam-table .ee-ps-warn { display: flex; margin-top: 2px; font-weight: 400; color: var(--ee-text); }
.ee-ps-exam-table .ee-status { margin-left: 6px; }
.ee-ps-chips-line { display: flex; flex-wrap: wrap; gap: 6px; }
.ee-ps-chips-line > .ee-ps-chips[hidden] { display: none; }
.ee-ps-pos { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 6px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-ps-pos > span:first-child { color: var(--ee-text); font-weight: 600; }
.ee-ps-pos small { font-size: 11px; }
.ee-ps-seg { margin: 0; }
/* Kabul edilen sınavlar: grup başına tablo (✓ · Sınav · En düşük puan · Puan aralığı); işaretsiz satır soluk, kutusu pasif. */
.ee-ps-exam-table .ee-table td { vertical-align: top; }
.ee-ps-exam-table .ee-table th:nth-child(1), .ee-ps-exam-table .ee-table td:nth-child(1) { width: 72px; text-align: center; }
.ee-ps-exam-table .ee-table td:nth-child(1) .form-check-input { margin-top: 9px; }
.ee-ps-exam-table .ee-table th:nth-child(3) { width: 150px; }
.ee-ps-exam-table .ee-table th:nth-child(4) { width: 140px; }
.ee-ps-exam-table .ee-table td:nth-child(2), .ee-ps-exam-table .ee-table td:nth-child(4) { padding-top: 16px; }
.ee-ps-exam-table tr.is-off td:nth-child(n+2) { color: var(--ee-text-2); }
.ee-ps-exam-name { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; }
.ee-ps-exam-name label, label.ee-ps-exam-name { cursor: pointer; margin: 0; }
.ee-ps-exam-table td .ee-ps-seg { margin-top: 8px; }
.ee-ps-types { display: inline-flex; flex-wrap: wrap; gap: 6px; margin: 0; }
.ee-ps-type { display: inline-flex; align-items: center; cursor: pointer; }
.ee-ps-type input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; }
.ee-ps-type > span { display: inline-flex; align-items: center; gap: 6px; min-height: var(--ee-control-h, 36px); padding: 0 12px; border: 1px solid var(--ee-border-strong); border-radius: 999px; background: var(--ee-surface); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-ps-type:has(input:checked) > span { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-text); font-weight: 600; }
.ee-ps-type:has(input:focus-visible) > span { box-shadow: var(--ee-focus-ring); }
.ee-ps-types.is-invalid .ee-ps-type > span { border-color: var(--ee-bad); }
.ee-ps-yok { display: inline-block; padding: 0 5px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); font-size: 11px; font-weight: 600; line-height: 16px; color: var(--ee-text-2); }
/* Alan içi seçici */
.ee-ps-fields { display: grid; gap: 8px; position: relative; }
.ee-ps-fields .ee-sub { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-ps-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.ee-ps-chip { display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--ee-border-strong); background: var(--ee-surface); border-radius: 999px; padding: 1px 4px 1px 10px; font-size: var(--ee-fs-sm); }
.ee-ps-chip button { border: 0; background: none; padding: 0 6px; font-size: 15px; line-height: 1; color: var(--ee-text-2); cursor: pointer; }
.ee-ps-chip button:hover { color: var(--ee-bad); }
.ee-ps-code { color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-ps-chip-own { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-ps-similar { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; }
.ee-ps-similar-list { display: contents; }
.ee-ps-fields-add { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; }
.ee-ps-fields-add .ee-field { margin: 0; width: 280px; max-width: 100%; }
.ee-ps-suggest { list-style: none; margin: 0; padding: 4px; max-width: 520px; max-height: 260px; overflow: auto; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface); box-shadow: var(--ee-shadow); }
.ee-ps-suggest button { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 5px 8px; border-radius: var(--ee-radius-sm); font: inherit; font-size: var(--ee-fs-sm); color: inherit; cursor: pointer; }
.ee-ps-suggest button:hover, .ee-ps-suggest button:focus-visible { background: var(--ee-primary-soft); color: var(--ee-primary); outline: none; }
/* Seçim çubuğu (ekranın dibinde) ve toplu düzenleme penceresi */
.ee-ps-selbar { position: sticky; bottom: 12px; z-index: 5; display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; width: fit-content; max-width: 100%; margin: var(--ee-space-3) 0 0 auto; padding: 8px 10px 8px 14px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface); box-shadow: var(--ee-shadow); }
.ee-ps-selbar[hidden] { display: none; }
.ee-ps-bulk-mode { margin-bottom: 14px; }
.ee-ps-bulk-lines { display: grid; gap: 6px; }
.ee-ps-bulk-line { display: grid; grid-template-columns: minmax(0, 1fr) 170px 110px; gap: 8px 12px; align-items: center; padding: 4px 8px; border-radius: var(--ee-radius-sm); }
.ee-ps-bulk-line.ee-ps-bulk-changed { background: var(--ee-primary-soft); }
.ee-ps-bulk-line .ee-field { margin: 0; }
.ee-ps-bulk-line > .ee-field:only-of-type { grid-column: 2; }
.ee-ps-bulk-value[hidden] { display: none; }
.ee-ps-bulk-copy { display: grid; gap: 10px; }
.ee-ps-bulk-copy .ee-field { margin: 0; max-width: 520px; }
.ee-ps-source-lines { display: grid; gap: 4px; }
.ee-ps-source-line { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 12px; font-size: var(--ee-fs-sm); }
.ee-ps-source-line > span:first-child { color: var(--ee-text-2); }
.ee-ps-source-sub { display: block; }
.ee-ps-bulk-problems ul { margin: 4px 0 0; padding-left: 18px; }
.ee-ps-bulk-targets { margin-top: 12px; }
.ee-ps-bulk-targets ul { margin: 0; padding-left: 18px; columns: 2; font-size: var(--ee-fs-sm); }
.ee-ps-bulk-summary { flex: 1 1 auto; margin: 0; font-size: var(--ee-fs-sm); color: var(--ee-text); }
@media (max-width: 760px) {
  .ee-ps-row { grid-template-columns: 1fr; }
  .ee-ps-row-label { padding-top: 0; }
  .ee-ps-bulk-line { grid-template-columns: 1fr 1fr; }
  .ee-ps-bulk-label { grid-column: 1 / -1; }
  .ee-ps-source-line { grid-template-columns: 1fr; gap: 0; }
  .ee-ps-bulk-targets ul { columns: 1; }
}
/* Giriş sınavları (Adım 4A): liste hücresinde yer metni sarılır; düzenleme sayfasında aşama satırı (gün · saat · yer) ve jüri listeleri. */
.ee-ax-period .ee-field { margin: 0; min-width: 220px; }
.ee-ps-cell.ee-ax-wrap > span { white-space: normal; max-width: 260px; }
.ee-ax-lines { margin: 0 0 8px; padding-left: 18px; font-size: var(--ee-fs-sm); }
.ee-ax-stage { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 8px 14px; }
.ee-ax-stage > .ee-field { margin: 0; }
.ee-ax-day { width: 180px; }
.ee-ax-eyk { width: 200px; }
/* Giriş sınavları: düzenleme sayfası ve toplu pencerelerin ortak düzeni (taslak Giris-Sinavlari-Taslak, ölçü sözleşmesi §1, §2, §5). Tek içerik
   genişliği en çok 1100, sola hizalı (başlık, kartlar, kayıt çubuğu). Ortak ızgara 76 | 132 | 92 | 170–360 | kalan; kutular bileşen genişliğinde
   (ee-date 132, ee-time 92, ee-suggest ≤ 360, ağırlık 58 + "%"), hiçbir kutu sütundan taşmaz. İpucu kutunun 3px altında tek satır; satırda hata
   varken gizli, iki hata varsa her biri kendi sütununda sarılır (betik .has-error / .is-many). < 680: Tarih | Saat yan yana, Yer ve Ağırlık tam satır. */
.ee-ax-page { max-width: 1100px; }
.ee-ax-page > .ee-page-head .ee-status { white-space: nowrap; }
.ee-ax-body { border: 0; margin: 0; padding: 0; min-width: 0; display: grid; gap: 16px; }
.ee-ax-body > [hidden] { display: none; }
.ee-ax-kind { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; padding-bottom: 14px; margin-bottom: 14px; border-bottom: 1px solid var(--ee-border); }
.ee-ax-kind-label { font-size: 13px; font-weight: 600; }
.ee-ax-seg { display: inline-flex; flex-wrap: wrap; gap: 2px; padding: 2px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface-2); }
.ee-ax-seg > button { min-height: 28px; padding: 4px 11px; border: 0; border-radius: var(--ee-radius-sm); background: none; font: inherit; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text-2); white-space: nowrap; cursor: pointer; }
.ee-ax-seg > button:hover { color: var(--ee-text); }
.ee-ax-seg > button[aria-pressed="true"] { background: var(--ee-surface); color: var(--ee-primary); box-shadow: 0 0 0 1px var(--ee-primary) inset; }
.ee-ax-seg > button:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-ax-drop { flex-basis: 100%; font-size: 12.5px; font-weight: 600; color: var(--ee-warn); }
.ee-ax-drop[hidden] { display: none; }
.ee-ax-grid { display: grid; grid-template-columns: 76px 132px 92px minmax(170px, 360px) minmax(80px, 1fr); gap: 6px 10px; align-items: start; }
.ee-ax-grid.is-single { grid-template-columns: 76px 132px 92px minmax(170px, 360px); }
.ee-ax-grid-h { align-self: end; font-size: 12.5px; font-weight: 600; line-height: 1.5; color: var(--ee-text-2); }
.ee-ax-grid-row { display: contents; }
.ee-ax-grid-row[hidden], .ee-ax-grid .ee-ax-wcol[hidden] { display: none; }
.ee-ax-stage-label { display: flex; align-items: center; min-height: 34px; font-size: 13.5px; font-weight: 700; white-space: nowrap; }
.ee-ax-cell { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ee-ax-cell > .ee-field, .ee-ax-cell .ee-field { margin: 0; min-width: 0; }
.ee-ax-cell .ee-date-summary { width: 132px; }
.ee-ax-cell .ee-time-field .ee-input { width: 92px; }
.ee-ax-c-place .ee-suggest-field, .ee-ax-c-place .ee-combo { width: 100%; max-width: 360px; }
.ee-ax-hint { font-size: 12.5px; line-height: 1.5; color: var(--ee-text-3); white-space: nowrap; }
.ee-ax-hint[hidden] { display: none; }
.ee-ax-cell .ee-field-error { margin: 0; font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.ee-ax-grid-row.has-error .ee-ax-hint { display: none; }
.ee-ax-grid-row.is-many .ee-field-error { white-space: normal; }
.ee-ax-pctw { display: inline-flex; align-items: flex-start; gap: 6px; }
.ee-ax-pct .ee-input { width: 58px; text-align: right; }
.ee-ax-pctw > .ee-ax-pct { flex: none; width: 58px; }   /* "%" kutunun yanında kalır */
.ee-ax-c-weight { container-type: inline-size; }
.ee-ax-c-weight .ee-field-error { width: 100cqw; }      /* hata 58px kutuya sıkışmaz: hücre genişliğinde (tek hatada tek satır) */
.ee-ax-unit { display: inline-flex; align-items: center; height: 34px; color: var(--ee-text-2); }
.ee-ax-rest { display: inline-flex; align-items: center; height: 34px; font-weight: 600; color: var(--ee-text-2); white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-ax-dayval { display: inline-flex; align-items: center; height: 34px; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* Izgarada etiketler sütun başlığında (bir kez); kutunun kendi etiketi ekran okuyucuda kalır. */
@media (min-width: 680px) {
    .ee-ax-grid .ee-field-heading, .ee-ax-grid .ee-date-heading { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; }
}
@media (max-width: 679.98px) {
    .ee-ax-grid, .ee-ax-grid.is-single { grid-template-columns: 132px minmax(0, 1fr); }
    .ee-ax-grid-h { display: none; }
    .ee-ax-stage-label { grid-column: 1 / -1; min-height: 0; margin-top: 8px; }
    .ee-ax-grid-row:first-of-type .ee-ax-stage-label { margin-top: 0; }
    .ee-ax-grid :is(.ee-field-heading, .ee-date-heading) { min-height: 0; margin: 0; }
    .ee-ax-grid :is(.ee-field-heading, .ee-date-heading), .ee-ax-grid :is(.ee-field-heading, .ee-date-heading) > :is(label, span) { font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
    .ee-ax-c-place, .ee-ax-c-weight { grid-column: 1 / -1; }
    .ee-ax-c-weight:has(.ee-ax-rest:empty) { display: none; }
    .ee-ax-unit { margin-top: calc(12.5px * 1.5); }   /* dar ekranda etiket kutunun üstünde: "%" kutunun hizasında */
}
/* Jüri kartı: Asil | Yedek iki eşit sütun (< 768 alt alta); koltuk satırı 22 | ad + ABD | Yedeğe al ✕; boş koltuk "+ Üye seç". */
.ee-ax-jury { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; align-items: start; }
.ee-ax-jg h4 { display: flex; align-items: baseline; gap: 8px; margin: 0 0 6px; font-size: 13.5px; font-weight: 700; }
.ee-ax-cnt { font-weight: 600; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-ax-seats { margin: 0; padding: 0; list-style: none; border: 1px solid var(--ee-border); border-radius: 10px; }
.ee-ax-seat { position: relative; display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; gap: 2px 10px; align-items: center; min-height: 46px; padding: 4px 6px 4px 10px; }
.ee-ax-seat + .ee-ax-seat { border-top: 1px solid var(--ee-border); }
.ee-ax-seat[draggable="true"] { cursor: grab; }
.ee-ax-o { font-size: 12px; color: var(--ee-text-3); font-variant-numeric: tabular-nums; }
.ee-ax-who { display: flex; flex-direction: column; min-width: 0; }
.ee-ax-nm { font-size: 13.5px; overflow-wrap: anywhere; }
.ee-ax-dp { font-size: 12.5px; color: var(--ee-text-3); }
/* Dolu koltuğun eylemleri (taşı / yer değiştir, ✕) üzerine gelince ve odakta görünür; dokunmatikte ve dar ekranda hep görünür. */
.ee-ax-act { display: flex; align-items: center; gap: 2px; opacity: 0; transition: opacity .12s; }
.ee-ax-seat:hover .ee-ax-act, .ee-ax-seat:focus-within .ee-ax-act, .ee-ax-seat.is-menu .ee-ax-act { opacity: 1; }
.ee-ax-jury.is-dragging .ee-ax-act { opacity: 0; }
.ee-ax-seat.is-menu { background: var(--ee-surface-2); }
@media (hover: none) { .ee-ax-act { opacity: 1; } }
.ee-ax-mv { display: grid; place-items: center; width: 30px; height: 30px; padding: 0; border: 0; border-radius: 6px; background: none; color: var(--ee-text-2); cursor: pointer; }
.ee-ax-mv:hover, .ee-ax-mv[aria-expanded="true"] { color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-ax-mv svg { width: 17px; height: 17px; }
.ee-ax-mv.is-to-asil svg { transform: scaleX(-1); }
/* Sürükle-bırak: sürüklenen soluk; boş/öbür grup koltuğu vurgu + etiket (Buraya taşı / Yer değiştir); grup içi sıra çizgiyle. */
.ee-ax-seat.is-dragging { opacity: .45; }
.ee-ax-seat.is-drop { background: var(--ee-primary-soft); box-shadow: inset 0 0 0 2px var(--ee-primary); border-radius: 8px; }
.ee-ax-seat.is-drop::after { content: attr(data-ax-drop); position: absolute; top: 50%; right: 10px; transform: translateY(-50%); padding: 2px 8px; border-radius: 999px; background: var(--ee-primary); color: var(--ee-on-primary); font-size: 12px; font-weight: 600; pointer-events: none; }
.ee-ax-seat.is-before::before, .ee-ax-seat.is-after::before { content: ""; position: absolute; left: 6px; right: 6px; height: 3px; border-radius: 2px; background: var(--ee-primary); pointer-events: none; z-index: 1; }
.ee-ax-seat.is-before::before { top: -2px; }
.ee-ax-seat.is-after::before { bottom: -2px; }
.ee-ax-swaps li[role="menuitem"] { justify-content: flex-start; align-items: center; gap: 10px; }
.ee-ax-swaps li[role="menuitem"]:focus { outline: none; background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-ax-swaps .ee-ax-o { flex: none; width: 14px; }
.ee-ax-rm { display: grid; place-items: center; width: 30px; height: 30px; border: 0; border-radius: 6px; background: none; font-size: 17px; line-height: 1; color: var(--ee-text-3); cursor: pointer; }
.ee-ax-rm:hover { color: var(--ee-bad); background: var(--ee-bad-soft); }
.ee-ax-add { grid-column: 2 / -1; justify-self: stretch; min-height: 36px; padding: 0; border: 0; border-radius: 6px; background: none; text-align: left; font: inherit; font-size: 13.5px; font-weight: 600; color: var(--ee-text-3); cursor: pointer; }
.ee-ax-add:hover { color: var(--ee-primary); }
.ee-ax-add:focus-visible, .ee-ax-mv:focus-visible, .ee-ax-rm:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-ax-add[hidden] { display: none; }
.ee-ax-seatin { grid-column: 2 / -1; display: flex; }
.ee-ax-seatin > .ee-input { width: 100%; }
.ee-ax-people .ee-ax-pn { display: flex; flex-direction: column; min-width: 0; }
.ee-ax-people .ee-ax-pn small { white-space: normal; }
.ee-ax-people li.ee-ax-off { color: var(--ee-text-2); cursor: default; }
.ee-ax-people li.ee-ax-off:hover { background: none; }
/* EYK kararı: jüri gövdesinde üst çizgili bölüm; Karar sayısı 160 | Karar tarihi 132, etiket üstte. */
.ee-ax-fs { min-width: 0; margin: 14px 0 0; padding: 14px 0 0; border: 0; border-top: 1px solid var(--ee-border); }
.ee-ax-fs > legend { float: left; width: 100%; margin: 0 0 8px; padding: 0; font-size: 13.5px; font-weight: 700; }
.ee-ax-fs > legend + * { clear: both; }
.ee-ax-fs > .ee-ax-hint { display: block; margin-top: 8px; white-space: normal; }
.ee-ax-eykrow { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 10px 16px; }
.ee-ax-eykrow > .ee-field { margin: 0; }
.ee-ax-eykrow :is(.ee-field-heading, .ee-date-heading), .ee-ax-eykrow :is(.ee-field-heading, .ee-date-heading) > label { font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-ax-eykno, .ee-ax-eykno .ee-combo { width: 160px; }
.ee-ax-eykrow .ee-date-summary { width: 132px; }
/* Kayıt çubuğu: kartlarla aynı genişlik, yapışık (alt 12); akışta son kartın altında durduğu için sayfa sonunda kartı örtmez. Solda
   Kaydet · Kaydet ve sonraki · Vazgeç, ardından durum (§17); bildir kutusu üstte tam satır. < 576: durum gizli, Vazgeç metin düğmesi, Kaydet üzerinde nokta. */
.ee-ax-bar { bottom: 12px; margin-top: 12px; padding: 10px 16px; border-radius: 12px; }
.ee-ax-bar .ee-form-bar-actions { display: contents; }
.ee-ax-bar .ee-ax-tell, .ee-ax-bar .ee-ax-tellnote { order: -2; flex-basis: 100%; margin: 0; padding: 0 0 8px; border-bottom: 1px solid var(--ee-border); }
.ee-ax-bar .ee-ax-tell { display: flex; align-items: center; gap: 8px; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.ee-ax-bar .ee-ax-tellnote { font-size: 13px; color: var(--ee-text-2); }
.ee-ax-bar .ee-ax-tell[hidden], .ee-ax-bar .ee-ax-tellnote[hidden] { display: none; }
.ee-ax-bar .ee-ax-tell .form-check-input { float: none; flex: none; margin: 0; }
.ee-ax-bar .ee-form-bar-state { order: 1; flex: 1 1 200px; min-width: 0; font-size: 13.5px; }
.ee-ax-bar .ee-ax-save { position: relative; }
@media (max-width: 767.98px) {
    .ee-ax-jury { grid-template-columns: minmax(0, 1fr); }
    .ee-ax-mv.is-move svg { transform: rotate(90deg); }
    .ee-ax-mv.is-to-asil svg { transform: rotate(-90deg); }
}
@media (max-width: 575.98px) {
    .ee-ax-seat { min-height: 44px; gap: 2px 6px; padding: 2px 2px 2px 10px; }
    .ee-ax-act { opacity: 1; }
    .ee-ax-mv, .ee-ax-rm { width: 40px; height: 40px; }
    .ee-ax-bar { gap: 8px; }
    .ee-ax-bar .ee-form-bar-state { display: none; }
    .ee-ax-bar .ee-form-bar-actions > .btn { flex: 0 0 auto; }
    .ee-ax-bar .btn.ee-ax-cancel { margin-right: auto; border-color: transparent !important; background: none !important; padding-left: 4px; padding-right: 4px; }   /* .ee-btn-secondary !important taşır */
    .ee-form-bar.ee-dirty .ee-ax-save::after { content: ""; position: absolute; top: -3px; right: -3px; width: 9px; height: 9px; border-radius: 50%; background: var(--ee-warn); box-shadow: 0 0 0 2px var(--ee-surface); }
}
/* Etiket ipucu (ee-tip.js): odaklanabilir durum etiketi + yapışık açıklama kutusu */
.ee-tip-label { cursor: help; }
.ee-tip-label:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-infomark { display: inline-grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; color: var(--ee-text-2); font-size: 16px; line-height: 1; vertical-align: middle; }
.ee-infomark:hover { color: var(--ee-primary); }
/* Satırın baştaki durum simgesi ipucunu taşır (satırda tek simge, EKRAN-STANDARDI §14): boyut/renk kapsayandan gelir. */
.ee-infomark.ee-infomark-lead { display: inline-flex; width: auto; height: auto; border-radius: 0; vertical-align: baseline; }
.ee-infomark.ee-infomark-lead:hover { opacity: .75; }
.ee-tip-box { position: fixed; z-index: 1090; max-width: min(320px, calc(100vw - 16px)); padding: 8px 10px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius); background: var(--ee-surface); color: var(--ee-text); box-shadow: var(--ee-shadow); font-size: var(--ee-fs-sm); line-height: 1.45; pointer-events: none; }
.ee-tip-box.is-wide { max-width: min(420px, calc(100vw - 16px)); }
.ee-tip-box.is-linked { pointer-events: auto; }
.ee-tip-box[hidden] { display: none; }
.ee-tip-box > span { display: block; }
/* Başlıklı ipucu (ee-info sections): başlık üstte, metin altta; bölümler arası boşluk */
.ee-tip-box > .ee-tip-sec + .ee-tip-sec { margin-top: 8px; }
.ee-tip-box > .ee-tip-sec > strong { display: block; font-weight: 600; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-tip-box > .ee-tip-sec > span { display: block; }
/* Giriş sınavları listesi (ölçü sözleşmesi §3): sayılı hazır görünümler, sütun genişlikleri (Seç 44 · Program kalan, en az 240 · Yazılı ve Mülakat
   150 · Jüri 72 · Aday 64 · Durum 130 · İşlem 56), seçim çubuğu; toplu pencereler (§4) ve bildirim penceresi. */
.ee-ax-list table { min-width: 860px; }
.ee-ax-list .ee-ax-c-sel { width: 44px; }
.ee-ax-list .ee-ax-c-prog { min-width: 240px; }
.ee-ax-list .ee-ax-c-w, .ee-ax-list .ee-ax-c-o { width: 150px; }
.ee-ax-list .ee-ax-c-jury { width: 72px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-ax-list .ee-ax-c-app { width: 64px; }
.ee-ax-list .ee-ax-c-st { width: 150px; }
.ee-ax-list .ee-ax-c-acts { width: 132px; }
.ee-ax-day-cell { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-ax-notes { display: block; margin-top: 2px; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-ax-notes.is-warn { color: var(--ee-warn); }
.ee-ax-notes.is-ok { color: var(--ee-ok); }
.ee-ax-notes.is-bad { color: var(--ee-bad); }
/* Pasif Notlar düğmesi (sınav günü yok ya da aday yok): odaklanabilir, açıklaması ee-tip ile; tıklanmaz. */
.ee-ax-acts .btn[aria-disabled=true] { opacity: .55; cursor: default; }
.ee-ax-acts { display: inline-flex; align-items: center; gap: 6px; }
.ee-ax-selbar > .ee-btn, .ee-ax-selbar > .btn { min-height: 30px; }
/* Toplu pencereler: "Gün, saat ve yer ata" en çok 900, "EYK kararını yaz" en çok 620; gövde kayar, başlık ve alt çubuk sabit. */
@media (min-width: 576px) {
    .ee-ax-bulk-modal .modal-dialog { max-width: min(900px, calc(100vw - 24px)); }
    .ee-ax-eyk-modal .modal-dialog { max-width: min(620px, calc(100vw - 24px)); }
}
.ee-ax-bulk-modal .ee-modal-body, .ee-ax-eyk-modal .ee-modal-body { padding-top: 4px; }
.ee-ax-sec { padding: 12px 0 4px; }
.ee-ax-sec + .ee-ax-sec { margin-top: 8px; padding-top: 12px; border-top: 1px solid var(--ee-border); }
.ee-ax-sec > h3 { display: flex; align-items: baseline; gap: 8px; margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ee-text-2); }
.ee-ax-sec-cnt { font-size: 12.5px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--ee-text-3); }
.ee-ax-sec > .ee-ax-hint { display: block; margin-top: 6px; white-space: normal; }
.ee-ax-set .ee-input, .ee-input.ee-ax-set { border-color: var(--ee-primary); box-shadow: inset 0 0 0 1px var(--ee-primary); }
/* Önizleme tablosu: 1px çerçeve, yarıçap 10; ABD grup satırı; sol kenar çizgisi mavi = Değişecek, yeşil = Oluşturulacak. */
.ee-ax-pv { border: 1px solid var(--ee-border); border-radius: 10px; overflow: hidden; }
.ee-ax-pv table { width: 100%; border-collapse: collapse; }
.ee-ax-pv th { position: sticky; top: 0; z-index: 1; padding: 7px 10px; border-bottom: 1px solid var(--ee-border); background: var(--ee-surface-2); text-align: left; font-size: 12px; font-weight: 700; color: var(--ee-text-2); }
.ee-ax-pv td { padding: 7px 10px; border-bottom: 1px solid var(--ee-border); vertical-align: top; font-size: 13px; line-height: 1.4; }
.ee-ax-pv tbody tr:last-child td { border-bottom: 0; }
.ee-ax-pv tr.ee-ax-pv-g td { padding: 5px 10px; background: var(--ee-surface-2); font-size: 12px; font-weight: 700; color: var(--ee-text-2); }
.ee-ax-pv tr.is-chg td:first-child { box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-ax-pv tr.is-new td:first-child { box-shadow: inset 3px 0 0 var(--ee-ok); }
.ee-ax-pv td:first-child { min-width: 190px; }
.ee-ax-bulk-modal .ee-ax-pv td:nth-child(2), .ee-ax-bulk-modal .ee-ax-pv td:nth-child(3) { min-width: 170px; }
.ee-ax-pn { display: block; font-size: 13px; font-weight: 600; }
.ee-ax-ps { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-ax-ln { display: block; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-ax-plc { display: block; max-width: 210px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.ee-ax-nw { color: var(--ee-primary); font-weight: 700; }
.ee-ax-faint { color: var(--ee-text-3); font-weight: 400; }
.ee-ax-was { display: block; font-size: 12px; color: var(--ee-text-3); }
.ee-ax-nt { display: block; font-size: 12px; font-weight: 600; color: var(--ee-warn); white-space: normal; }
.ee-ax-nt.is-info { font-weight: 400; color: var(--ee-text-3); }
.ee-ax-pv-wt { white-space: nowrap; }
.ee-ax-pv-rs { min-width: 140px; white-space: nowrap; }
.ee-ax-pv-rs .ee-ax-ln { font-size: 12px; color: var(--ee-text-2); white-space: normal; }
.ee-ax-b { font-weight: 700; }
.ee-ax-b.is-chg { color: var(--ee-primary); }
.ee-ax-b.is-new { color: var(--ee-ok); }
.ee-ax-tellbox { display: flex; align-items: flex-start; gap: 8px; margin-top: 10px; font-size: 13.5px; font-weight: 600; cursor: pointer; }
.ee-ax-tellbox[hidden], .ee-ax-tellnote[hidden] { display: none; }
.ee-ax-tellbox .form-check-input { float: none; flex: none; margin: 2px 0 0; }
.ee-ax-tellbox small { display: block; font-size: 12.5px; font-weight: 400; color: var(--ee-text-2); }
.ee-ax-tellnote { margin: 10px 0 0; font-size: 13px; color: var(--ee-text-2); }
.ee-ax-modal-info { flex: 1 1 220px; min-width: 0; margin-right: auto; font-size: 13px; color: var(--ee-text-2); }
.ee-ax-modal-info strong { color: var(--ee-text); }
.ee-ax-modal-info .is-bad { color: var(--ee-bad); }
.ee-ax-groups h4 { margin: 12px 0 4px; font-size: var(--ee-fs-base); font-weight: 600; }
.ee-ax-groups h4:first-child { margin-top: 0; }
.ee-ax-groups ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.ee-ax-groups li { display: flex; align-items: baseline; gap: 8px; padding: 4px 0; }
.ee-ax-groups li > label { display: flex; align-items: baseline; gap: 8px; flex: 1 1 auto; min-width: 0; cursor: pointer; }
.ee-ax-groups li.is-off { color: var(--ee-text-2); padding-left: 24px; }
.ee-ax-groups .ee-ax-why { margin-left: auto; font-size: var(--ee-fs-sm); color: var(--ee-text-2); text-align: right; }
.ee-ax-mail { margin-top: 12px; }
.ee-ax-mail > summary { cursor: pointer; color: var(--ee-primary); font-size: var(--ee-fs-sm); }
.ee-ax-mail-body { margin-top: 8px; padding: 10px 12px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius); white-space: pre-line; font-size: var(--ee-fs-sm); }
.ee-ax-mail-body > strong { display: block; margin-bottom: 6px; }
@media (max-width: 639.98px) {
    .ee-ax-list table { min-width: 0; }
    .ee-ax-list thead { display: none; }
    .ee-ax-list tbody > tr[data-ax-row]:not([hidden]) { display: grid; grid-template-columns: auto 1fr auto; grid-template-areas: "sel . acts" "prog prog prog" "w o o" "st st st"; gap: 4px 12px; padding: 10px 12px; border-bottom: 1px solid var(--ee-border); }
    .ee-ax-list tbody > tr[data-ax-row] > td { display: block; width: auto; border: 0; padding: 0; }
    .ee-ax-list .ee-ax-c-sel { grid-area: sel; }
    .ee-ax-list .ee-ax-c-prog { grid-area: prog; min-width: 0; }
    .ee-ax-list .ee-ax-c-w { grid-area: w; }
    .ee-ax-list .ee-ax-c-o { grid-area: o; }
    .ee-ax-list .ee-ax-c-st { grid-area: st; }
    .ee-ax-list .ee-ax-c-acts { grid-area: acts; text-align: right; }
    .ee-ax-list .ee-ax-c-jury, .ee-ax-list .ee-ax-c-app { display: none !important; }
    .ee-ax-list .ee-ax-c-w::before, .ee-ax-list .ee-ax-c-o::before { content: attr(data-l); display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
}
@media (max-width: 575.98px) {
    .ee-ax-pv thead { display: none; }
    .ee-ax-pv tbody tr { display: block; padding: 8px 10px; border-bottom: 1px solid var(--ee-border); }
    .ee-ax-pv tbody td { display: block; min-width: 0 !important; padding: 2px 0; border: 0; }
    .ee-ax-pv tbody td[data-l]:not(:empty)::before { content: attr(data-l) ": "; font-size: 12px; font-weight: 600; color: var(--ee-text-3); }
    .ee-ax-pv tr.is-chg td:first-child, .ee-ax-pv tr.is-new td:first-child { box-shadow: none; }
    .ee-ax-pv .ee-ax-ln, .ee-ax-pv .ee-ax-plc { display: inline; white-space: normal; }
    .ee-ax-pv .ee-ax-ln + .ee-ax-plc::before { content: " · "; }
    .ee-ax-modal-info { flex-basis: 100%; }
}
/* Yerleştirme ekranı (Placement) aşama satırı kutuları dar ekranda tam genişlik. */
@media (max-width: 760px) {
  .ee-ax-day, .ee-ax-time, .ee-ax-eyk { width: 100%; }
}
/* Giriş sınavı not girişi (Adım 4B; ND-1, Not-Girisi-Taslak ölçü sözleşmesi §1–§4). Tek genişlik (en çok 1100): başlık, uyarılar, tablo kartı
   ve kayıt çubuğu aynı sarmalayıcıda. Tablo başlığı üst çubuğun altına yapışır (geniş ekranda; orta bantta tablo kart içinde kayar, başlık
   yapışmaz); kayıt çubuğu yapışık (bottom 12) ve son satırı örtmez. Satırın sol kenarı: mavi değişen, kırmızı hatalı. < 760 her aday kart. */
.ee-axs-page { max-width: 1100px; }
.ee-axs-alerts:empty { display: none; }
.ee-axs-alerts { display: grid; gap: 8px; margin: 14px 0 var(--ee-space-5); }
.ee-axs-alerts > .ee-alert { margin: 0; }
.ee-axs-card { margin-bottom: 12px; }
.ee-axs-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 14px; border-bottom: 1px solid var(--ee-border); }
.ee-axs-tools-end { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; }
.ee-axs-tools-end > .btn { display: inline-flex; align-items: center; height: 36px; padding-top: 0; padding-bottom: 0; }
/* Süzgeçli liste başı (10 adaydan fazla): ortak süzgeç solda, kısayol ipucu ve dosya işlemleri sağda üstte. */
.ee-axs-tools.has-filter { align-items: flex-start; flex-wrap: nowrap; gap: 0; padding: 0; }
.ee-axs-tools.has-filter > .ee-sf { flex: 1 1 auto; min-width: 0; border-bottom: 0; }
.ee-axs-tools.has-filter > .ee-axs-tools-end { flex: none; margin: 14px 16px 0 0; }
@media (max-width: 760px) {
  .ee-axs-tools.has-filter { flex-wrap: wrap; }
  .ee-axs-tools.has-filter > .ee-axs-tools-end { margin: 0 12px 10px; }
}
.ee-axs-keys { margin-left: auto; display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 10px; font-size: 12.5px; color: var(--ee-text-3); }
.ee-axs-keys kbd, .ee-axs-gm kbd { padding: 0 5px; font-size: 11.5px; border: 1px solid var(--ee-border-strong); border-radius: 4px; background: var(--ee-surface-2); color: var(--ee-text-2); box-shadow: none; }
.ee-table-wrap.ee-axs-table { overflow: visible; }
.ee-axs-table th, .ee-axs-table td { padding: 6px 12px; }
.ee-axs-table thead th { position: sticky; top: var(--ee-appbar-h, 0px); z-index: 4; padding: 8px 12px; font-size: 12.5px; font-weight: 700; vertical-align: bottom; }
.ee-axs-table td { vertical-align: middle; }
.ee-axs-table .ee-axs-c-order { width: 52px; text-align: right; font-variant-numeric: tabular-nums; color: var(--ee-text-2); }
.ee-axs-table td.ee-axs-c-who { min-width: 220px; }
.ee-axs-table .ee-axs-name { display: block; }
.ee-axs-table .ee-axs-c-quota { width: 128px; }
.ee-axs-table .ee-axs-c-score { width: 104px; text-align: right; }
.ee-axs-table .ee-axs-c-res { width: 168px; }
.ee-axs-table .ee-axs-c-absent { width: 84px; text-align: center; }
.ee-axs-table tbody tr:hover td { background: var(--ee-surface-2); }
.ee-axs-table tr.ee-axs-row-chg td.ee-axs-c-order { box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-axs-table tr.ee-axs-row-bad td.ee-axs-c-order { box-shadow: inset 3px 0 0 var(--ee-bad); }
.ee-axs-table tr.ee-axs-row-gm .ee-axs-name { color: var(--ee-text-2); }
.ee-axs-table tr.ee-axs-pasted td { animation: ee-axs-pasted 1.8s ease; }
@keyframes ee-axs-pasted { 0%, 30% { background: var(--ee-primary-soft); } 100% { background: transparent; } }
.ee-axs-head-sub { display: block; font-size: 11.5px; font-weight: 600; color: var(--ee-text-3); white-space: nowrap; }
.ee-axs-sort { display: inline-flex; flex-direction: column; align-items: flex-start; padding: 0; border: 0; background: none; font: inherit; color: inherit; text-align: left; cursor: pointer; }
.ee-axs-sort-label { display: inline-flex; align-items: center; gap: 6px; }
.ee-axs-sort-label > i { font-size: 14px; color: var(--ee-text-3); }
.ee-axs-sort:hover { color: var(--ee-primary); }
.ee-axs-sort:focus-visible { box-shadow: var(--ee-focus-ring); border-radius: var(--ee-radius-sm); }
.ee-axs-warn { color: var(--ee-warn); font-weight: 600; }
.ee-input.ee-axs-score { width: 76px; height: 34px; padding: 4px 8px; text-align: right; font-variant-numeric: tabular-nums; scroll-margin: calc(var(--ee-appbar-h, 0px) + 64px) 0 96px; }
.ee-input.ee-axs-score.is-changed:not(.is-invalid) { border-color: var(--ee-primary); box-shadow: inset 0 0 0 1px var(--ee-primary); }
.ee-input.ee-axs-score.is-changed:not(.is-invalid):focus { box-shadow: inset 0 0 0 1px var(--ee-primary), var(--ee-focus-ring); }
.ee-input.ee-axs-score.is-invalid { border-color: var(--ee-bad); background: var(--ee-bad-soft); }
.ee-axs-table tr.ee-axs-row-gm .ee-axs-score { background: var(--ee-surface-2); border-style: dashed; }
.ee-axs-ro, .ee-axs-total { font-variant-numeric: tabular-nums; }
.ee-axs-total { font-weight: 700; }
.ee-axs-faint { color: var(--ee-text-3); }
.ee-axs-part { color: var(--ee-warn); font-weight: 600; font-size: 12.5px; }
.ee-axs-c-res .ee-field-error { display: block; margin: 0; font-size: 12.5px; font-weight: 600; line-height: 1.4; }
.ee-axs-c-res .ee-field-error + .ee-field-error { margin-top: 2px; }
.ee-axs-gm { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 30px; padding: 0 6px; margin: 0; cursor: pointer; }
.ee-axs-gm > input { width: 16px; height: 16px; margin: 0; }
.ee-axs-gm-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
/* Kayıt çubuğu (§17): solda Kaydet · Kaydet ve sonraki · Vazgeç, ardından ilerleme + durum; dar ekranda ilerleme üstte. */
.ee-axs-page .ee-form-bar.ee-axs-bar { bottom: 12px; z-index: 30; padding: 10px 16px; }
.ee-axs-bar .ee-form-bar-actions { flex: 1 1 auto; }
.ee-axs-bar .ee-form-bar-state { display: none; }
.ee-axs-info { flex: 1 1 280px; display: flex; flex-wrap: wrap; align-items: center; gap: 2px 10px; min-width: 0; margin-left: var(--ee-space-2); font-size: 13.5px; color: var(--ee-text-2); }
.ee-axs-progress { font-variant-numeric: tabular-nums; }
.ee-axs-state { display: inline-flex; align-items: center; gap: 7px; }
.ee-axs-state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-border-strong); flex: none; }
.ee-axs-state.is-dirty { color: var(--ee-text); font-weight: 600; }
.ee-axs-state.is-dirty::before { background: var(--ee-warn); }
.ee-axs-state.is-bad { color: var(--ee-bad); font-weight: 600; cursor: pointer; }
.ee-axs-state.is-bad::before { background: var(--ee-bad); }
.ee-axs-state.is-bad:hover { text-decoration: underline; }
.ee-axs-save { position: relative; }
.ee-axs-save::after { content: ""; position: absolute; top: -4px; right: -4px; width: 11px; height: 11px; border-radius: 50%; background: var(--ee-warn); border: 2px solid var(--ee-surface); display: none; }
/* Notları düzelt penceresi (§6): en çok 720; değişecek notlar tablosu (yeni değer üstte, altında "önce: …"), gerekçe. */
.ee-axs-fix .modal-dialog { max-width: min(720px, calc(100vw - 24px)); }
.ee-axs-fix-sec + .ee-axs-fix-sec { margin-top: var(--ee-space-4); }
.ee-axs-fix-h { display: flex; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em; color: var(--ee-text-2); }
.ee-axs-fix-list .ee-table-wrap { border: 1px solid var(--ee-border); border-radius: 10px; }
.ee-axs-fix-table td { vertical-align: top; }
.ee-axs-fix-table td:first-child { box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-axs-fix-table .ee-sub { display: block; }
.ee-axs-was { display: block; font-size: 12px; color: var(--ee-text-3); font-weight: 400; }
.ee-axs-fix-list + .ee-alert { margin: 10px 0 0; }
.ee-axs-fix-label { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; }
.ee-input.ee-axs-fix-reason { display: block; width: 100%; min-height: 76px; resize: vertical; }
.ee-axs-hint { display: block; margin-top: 4px; font-size: 12.5px; color: var(--ee-text-3); }
.ee-axs-fix-reason + .ee-field-error { display: block; margin-top: 4px; }
.ee-axs-fix-info { margin-right: auto; font-size: 13.5px; color: var(--ee-text-2); }
@media (min-width: 760px) and (max-width: 1120px) {
    .ee-table-wrap.ee-axs-table { overflow-x: auto; }
    .ee-axs-table > .ee-table { min-width: 800px; }
    .ee-axs-table thead th { position: static; }
}
@media (max-width: 759.98px) {
    .ee-axs-table > .ee-table { min-width: 0; }
    .ee-axs-table thead { display: none; }
    .ee-axs-table tbody tr { display: grid; grid-template-columns: 30px minmax(0, 1fr) minmax(0, 1fr) 116px; gap: 4px 10px; padding: 10px 12px; border-bottom: 1px solid var(--ee-border); }
    .ee-axs-table tbody tr[hidden] { display: none; }
    .ee-axs-table tbody tr:has(> td[colspan]) { display: block; }
    .ee-axs-table tbody td { display: block; width: auto !important; padding: 0; border: 0; text-align: left; background: none !important; }
    .ee-axs-table td.ee-axs-c-order { grid-row: 1; grid-column: 1; padding-top: 1px; box-shadow: none !important; }
    .ee-axs-table tr.ee-axs-row-chg { box-shadow: inset 3px 0 0 var(--ee-primary); }
    .ee-axs-table tr.ee-axs-row-bad { box-shadow: inset 3px 0 0 var(--ee-bad); }
    .ee-axs-table td.ee-axs-c-who { grid-row: 1; grid-column: 2 / 4; min-width: 0; }
    .ee-axs-table td.ee-axs-c-absent { grid-row: 1; grid-column: 4; text-align: right; }
    .ee-axs-table td.ee-axs-c-quota { grid-row: 2; grid-column: 2 / -1; font-size: 12.5px; color: var(--ee-text-2); }
    .ee-axs-table td.ee-axs-c-score, .ee-axs-table td.ee-axs-c-res { grid-row: 3; }
    .ee-axs-table td.ee-axs-c-score[data-k=written] { grid-column: 2; }
    .ee-axs-table td.ee-axs-c-score[data-k=oral] { grid-column: 3; }
    .ee-axs-table.is-single td.ee-axs-c-score { grid-column: 2; }
    .ee-axs-table td.ee-axs-c-res { grid-column: 4; align-self: end; min-height: 40px; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; text-align: right; }
    .ee-axs-table.is-single td.ee-axs-c-res { grid-column: 3 / -1; }
    .ee-axs-table td.ee-axs-c-score::before, .ee-axs-table td.ee-axs-c-res::before { content: attr(data-l); display: block; margin-bottom: 2px; font-size: 12px; font-weight: 600; color: var(--ee-text-3); }
    .ee-axs-table td.ee-axs-c-res::before { align-self: flex-end; }
    .ee-input.ee-axs-score { width: 100%; max-width: 140px; height: 40px; }
    .ee-axs-gm { min-height: 40px; padding: 0 0 0 6px; }
    .ee-axs-gm-text { position: static; width: auto; height: auto; clip: auto; font-size: 13px; font-weight: 600; color: var(--ee-text-2); }
    .ee-axs-gm > input { width: 20px; height: 20px; }
    .ee-axs-keys { display: none; }
}
@media (max-width: 575.98px) {
    .ee-axs-bar { gap: 8px; }
    .ee-axs-bar .ee-form-bar-actions { flex-basis: 100%; }
    .ee-axs-bar .ee-form-bar-actions > .btn { flex: 1 1 auto; white-space: nowrap; }
    .ee-axs-info { order: -1; flex-basis: 100%; margin-left: 0; font-size: 13px; }
    .ee-axs-state:not(.is-bad), .ee-axs-next { display: none !important; }
    .ee-axs-cancel { flex: 0 0 auto !important; border-color: transparent !important; background: none !important; padding-left: 4px; padding-right: 4px; }
    .ee-axs-save.is-dirty::after { display: block; }
    .ee-axs-fix-table thead { display: none; }
    .ee-axs-fix-table tbody tr { display: block; padding: 8px 10px; border-bottom: 1px solid var(--ee-border); }
    .ee-axs-fix-table tbody td { display: block; padding: 2px 0; border: 0; text-align: left; box-shadow: none !important; }
    .ee-axs-fix-table tbody td[data-l]:not(:first-child)::before { content: attr(data-l) ": "; font-size: 12px; font-weight: 600; color: var(--ee-text-3); }
    .ee-axs-fix-info { flex-basis: 100%; }
}
/* Excel'den yapıştır penceresi (ND-2; ölçü sözleşmesi §5): en çok 900; 1. adım yapıştırma alanı, 2. adım özet · sütun seçicileri · önizleme. */
.ee-axs-paste .modal-dialog { max-width: min(900px, calc(100vw - 24px)); }
.ee-axs-paste-label { display: block; margin-bottom: 4px; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-input.ee-axs-paste-area { display: block; width: 100%; min-height: 150px; resize: vertical; font: 13px/1.5 var(--ee-font-mono); }
.ee-axs-psum { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 2px 0 10px; font-size: 13.5px; }
.ee-axs-psum > span { white-space: nowrap; }
.ee-axs-psum b { font-variant-numeric: tabular-nums; }
.ee-axs-psum .is-bad { color: var(--ee-bad); }
.ee-axs-psec { padding: 12px 0 4px; border-top: 1px solid var(--ee-border); }
.ee-axs-psec + .ee-axs-psec { margin-top: 8px; }
.ee-axs-psec > h3 { margin: 0 0 8px; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--ee-text-2); }
.ee-axs-maps { display: flex; flex-wrap: wrap; gap: 8px 16px; }
.ee-axs-map { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.ee-axs-map > span:first-child { font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-axs-map select.ee-input { width: 150px; }
.ee-axs-map-ex { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: var(--ee-text-3); }
.ee-axs-pnote { margin: 10px 0 0; font-size: 13px; color: var(--ee-text-2); }
.ee-axs-prev .ee-table-wrap { border: 1px solid var(--ee-border); border-radius: 10px; overflow-x: auto; }
.ee-axs-prev .ee-table th { padding: 7px 10px; font-size: 12px; }
.ee-axs-prev .ee-table td { padding: 7px 10px; font-size: 13px; line-height: 1.4; vertical-align: top; }
.ee-axs-prev tr.is-x > td:first-child { box-shadow: inset 3px 0 0 var(--ee-bad); }
.ee-axs-prev tr.is-w > td:first-child { box-shadow: inset 3px 0 0 var(--ee-warn); }
.ee-axs-prev tr.is-chg > td:first-child { box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-axs-prev tr.is-new > td:first-child { box-shadow: inset 3px 0 0 var(--ee-ok); }
.ee-axs-prev .ee-axs-p-ln { width: 52px; white-space: nowrap; color: var(--ee-text-3); font-variant-numeric: tabular-nums; }
.ee-axs-prev .ee-axs-p-src { min-width: 120px; overflow-wrap: anywhere; }
.ee-axs-prev .ee-axs-p-cd { min-width: 170px; }
.ee-axs-prev .ee-axs-p-cd .ee-sub { display: block; font-size: 12px; }
.ee-axs-prev .ee-axs-p-v { width: 84px; text-align: right; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-axs-prev .ee-axs-p-v b { color: var(--ee-primary); }
.ee-axs-prev .ee-axs-p-oc { min-width: 180px; }
.ee-axs-p-kind { font-size: 12.5px; font-weight: 700; }
.ee-axs-p-kind.is-x { color: var(--ee-bad); }
.ee-axs-p-kind.is-w { color: var(--ee-warn); }
.ee-axs-p-kind.is-chg { color: var(--ee-primary); }
.ee-axs-p-kind.is-new { color: var(--ee-ok); }
.ee-axs-p-note { display: block; font-size: 12.5px; color: var(--ee-text-2); }
.ee-axs-p-note.is-x { color: var(--ee-bad); }
.ee-axs-prev tr.is-same td { font-size: 12.5px; color: var(--ee-text-3); }
.ee-axs-paste-info { margin-right: auto; font-size: 13.5px; color: var(--ee-text-2); }
.ee-axs-paste-again { margin-right: 4px; }
@media (max-width: 575.98px) {
    .ee-axs-prev .ee-table thead { display: none; }
    .ee-axs-prev .ee-table tbody tr { display: block; padding: 8px 10px; border-bottom: 1px solid var(--ee-border); }
    .ee-axs-prev .ee-table tbody td { display: block; width: auto; min-width: 0; padding: 1px 0; border: 0; text-align: left; box-shadow: none !important; }
    .ee-axs-prev .ee-table tbody td[data-l]:not(:empty)::before { content: attr(data-l) ": "; font-size: 12px; font-weight: 600; color: var(--ee-text-3); }
    .ee-axs-prev .ee-axs-was { display: inline; margin-left: 6px; }
    .ee-axs-map { flex: 1 1 140px; }
    .ee-axs-map select.ee-input, .ee-axs-map-ex { width: 100%; max-width: none; }
    .ee-axs-paste-info { flex-basis: 100%; }
    .ee-axs-paste .ee-modal-foot > .btn { flex: 1 1 0; }
}
/* ---------- Aday tek sayfa başvuru (Hızlı başvuru H2; G1 yön A "durum çizgisi", taslak Adim-2b-Hizli-Basvuru/Gorsel-Taslak) ----------
   Bilgi satırı: [durum simgesi][ad + durum etiketi + eylemler][değer]. Simge: ok ✓ (kaynaktan/tamam), me kalem (adayın yazdığı),
   need ! (eksik; satır soldan sarımsı), off (bilgi yok). Form satırın gri yuvasında (ee-arow-slot); alanlar tek sırada, düğme
   kutuların alt çizgisinde. Zorunluluk yıldızı satırlarda gösterilmez — eksik olan "Eksik" etiketi taşır. */
.ee-apply { display: grid; grid-template-columns: minmax(0, 1fr) 352px; gap: var(--ee-space-6); align-items: start; }
.ee-apply-main { min-width: 0; }
.ee-apply-aside { position: sticky; top: calc(var(--ee-band-h, 0px) + var(--ee-space-5)); }   /* üst bandın altında (ee-oband.css) */
.ee-arows { margin: 0; }
.ee-arow { display: grid; grid-template-columns: 28px 168px minmax(0, 1fr); gap: 2px var(--ee-space-4); padding: 18px var(--ee-space-5); border-top: 1px solid var(--ee-border); scroll-margin-top: 96px; }
.ee-arow:first-child { border-top: 0; }
.ee-arow.is-need { background: linear-gradient(90deg, color-mix(in srgb, var(--ee-warn-soft) 75%, transparent), transparent 70%); }
.ee-arow:target { box-shadow: inset 0 0 0 2px var(--ee-primary); }
.ee-arow-i { width: 28px; height: 28px; border-radius: 50%; display: inline-grid; place-items: center; flex: none; background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-arow-i > i { font-size: 15px; color: inherit; }
.ee-arow-i > b { font-size: 14px; font-weight: 800; line-height: 1; }
.ee-arow-i.is-ok { background: var(--ee-ok-soft); color: var(--ee-ok); }
.ee-arow-i.is-me { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-arow-i.is-need { background: var(--ee-warn-soft); color: var(--ee-warn); }
.ee-arow-k { display: flex; flex-direction: column; align-items: flex-start; gap: 7px; padding-top: 4px; min-width: 0; }
.ee-arow-k > b { font-weight: 600; font-size: 14px; line-height: 1.3; color: var(--ee-text); }
.ee-arow-k > a, .ee-arow-k .ee-btn-link { font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-arow-k form { margin: 0; }
.ee-arow-k .ee-btn-link { padding: 0 !important; min-height: 0; }   /* .ee-btn-link sol dolgusu (4px !important) bağlantıyla hizayı kaydırıyordu */
.ee-arow-v { min-width: 0; display: flex; flex-direction: column; gap: 2px; padding-top: 3px; }
.ee-arow-v > b, .ee-ascore > b { font-size: var(--ee-fs-base); font-weight: 600; line-height: 1.4; color: var(--ee-text); }
.ee-arow-m { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-arow-waived > ul { margin: 2px 0 0; padding-left: 18px; }
.ee-arow .ee-status { white-space: normal; max-width: 100%; }
.ee-arow-k .ee-status { font-size: 12.5px; }
.ee-arow .ee-req { display: none; }
.ee-inline-form { display: inline; margin: 0; }
.ee-arow-slot { margin-top: var(--ee-space-3); padding: var(--ee-space-4); border-radius: 10px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); display: flex; flex-direction: column; gap: var(--ee-space-3); min-width: 0; }
.ee-arow-slot > form, .ee-arow-slot .ee-fieldset, .ee-arow-slot .ee-field, .ee-arow-slot .ee-actions { margin-bottom: 0; }
.ee-arow-slot .row { row-gap: var(--ee-space-3); margin-top: var(--ee-space-3); }
.ee-arow-slot .row + .ee-fieldset { margin-top: var(--ee-space-3); }
.ee-arow-slot .ee-actions { margin-top: var(--ee-space-3); }
/* Alanlar üstten hizalı (ortak form kuralı): açıklamalı alan (ör. Dil) diğerlerini kaydırmaz; düğme etiket satırı payıyla kutuların
   hizasında. Grup kabı (.ee-arow-group: ALES tür kutuları, tek puan) yerleşimde görünmez. */
.ee-arow-form, .ee-arow-fields { display: flex; flex-wrap: wrap; gap: var(--ee-space-3) 14px; align-items: flex-start; min-width: 0; }
.ee-arow-group { display: contents; }
.ee-arow-group[hidden] { display: none; }
.ee-arow-form .ee-field, .ee-arow-fields .ee-field, .ee-arow-fields .ee-date-field { margin-bottom: 0; min-width: 0; }
.ee-arow-form { margin-top: 2px; }
.ee-arow-narrow { flex: 0 1 190px; }
.ee-arow-grow { flex: 1 1 260px; }
.ee-arow-w0 { flex: 0 1 92px; }
.ee-arow-w1 { flex: 0 1 130px; }
.ee-arow-w2 { flex: 0 1 190px; }
.ee-arow-act { flex: none; margin-top: calc(var(--ee-field-head-h) + 4px); }
.ee-arow-act .btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; box-sizing: border-box; min-height: var(--ee-control-h); padding-block: 0; line-height: 1.2; }   /* düğme kutularla aynı boy; yazı ve simge dikeyde ortalı (aday temasında satır yüksekliği yazıyı yukarı itiyordu) */
/* Sınav ekleme formu: seçenek kartları (ee-choices layout="cards"), altında tek sıra alanlar; legend yalnız ekran okuyucuda. */
.ee-arow-edit { display: flex; flex-direction: column; gap: 14px; }
.ee-arow-edit .ee-fieldset-cards { margin-bottom: 0; }
.ee-arow-edit .ee-fieldset-cards > legend { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ee-arow-slot .ee-field-heading > label, .ee-arow-slot .ee-date-heading > label { font-size: 13.5px; }
.ee-arow-more { margin-top: var(--ee-space-2); }
.ee-arow-more > summary { cursor: pointer; color: var(--ee-primary); font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-arow-saved { font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-ok); }
.ee-arow-saved:empty { display: none; }
.ee-ascore + .ee-ascore { margin-top: var(--ee-space-2); }
/* Belge satırı (bilginin satırında): bekleyen kesik çerçeveli, verilen yeşil zeminli. */
.ee-adocs { list-style: none; margin: var(--ee-space-3) 0 0; padding: 0; display: flex; flex-direction: column; gap: var(--ee-space-2); }
.ee-adoc { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: var(--ee-space-2) var(--ee-space-3); padding: 10px var(--ee-space-3); border: 1px dashed var(--ee-border-strong); border-radius: 10px; background: var(--ee-surface); }
.ee-adoc.is-done { border-style: solid; border-color: transparent; background: var(--ee-ok-soft); }
.ee-adoc-t { min-width: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px var(--ee-space-2); font-weight: 600; font-size: 14px; }
.ee-adoc-t .ee-arow-m { flex-basis: 100%; font-weight: 400; }
.ee-adoc-a { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2); }
.ee-adoc-a form { display: inline; margin: 0; }
.ee-adoc-a form.ee-adoc-bk { display: inline-flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2); max-width: 100%; }
.ee-adoc-bk .ee-field { margin: 0; min-width: min(14rem, 100%); }
.ee-adoc-or { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
/* Panel: tepede tek cümle durum, bölümler kenardan kenara çizgiyle ayrılır; tercihler kart, ↑↓✕ sade simge düğmesi. */
.ee-apply-state { display: flex; align-items: center; gap: var(--ee-space-3); padding: var(--ee-space-4) var(--ee-space-5); }
.ee-apply-state .ee-arow-i { width: 40px; height: 40px; }
.ee-apply-state .ee-arow-i > i { font-size: 20px; }
.ee-apply-state .ee-arow-i > b { font-size: 18px; }
.ee-apply-state div > b { display: block; font-family: var(--ee-font-display); font-size: var(--ee-fs-lg); font-weight: 600; line-height: 1.25; color: var(--ee-text); }
.ee-apply-state div > small { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin-top: 2px; }
.ee-apply-sec { padding: var(--ee-space-4) var(--ee-space-5); border-top: 1px solid var(--ee-border); }
.ee-apply-sec > .ee-muted { margin: 0; font-size: var(--ee-fs-sm); }
.ee-apply-choices + .ee-muted { margin-top: var(--ee-space-2); }
.ee-apply-h { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ee-text-2); margin: 0 0 var(--ee-space-2); }
.ee-apply-choices { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--ee-space-2); }
/* Tercih satırı (D2 §3.4): ad numaranın yanında tam genişlik akar; ayrıntı satırları (tür, sınav, uyarı) altında iki sütunu kaplar, düğmeler
   sağ üstte — dar panelde ad sıkışmaz. */
.ee-apply-choices > li { display: grid; grid-template-columns: 22px minmax(0, 1fr) auto; grid-template-areas: "no t ops" ". d d"; gap: 2px 10px; align-items: start; padding: 10px; border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface); }
.ee-apply-choices form { margin: 0; }
.ee-apply-no { grid-area: no; width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; background: var(--ee-primary); color: var(--ee-on-primary); font-size: 12.5px; font-weight: 700; }
.ee-apply-t { grid-area: t; min-width: 0; font-weight: 600; font-size: 14px; line-height: 1.35; padding-top: 2px; }
.ee-apply-d { grid-area: d; min-width: 0; font-size: 12.5px; color: var(--ee-text-2); }
.ee-apply-d small { display: block; font-size: 12.5px; margin-top: 2px; }
.ee-apply-d small.ee-apply-warn { color: var(--ee-warn); }
.ee-apply-ops { grid-area: ops; align-self: start; display: flex; gap: 2px; }
.ee-apply-ops .btn-action { width: 24px; height: 24px; border: 0; border-radius: 7px; background: none; color: var(--ee-text-2); box-shadow: none; }
.ee-apply-ops .btn-action:hover:not(:disabled) { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-apply-ops .btn-action:disabled { opacity: .3; }
.ee-apply-miss { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.ee-apply-miss li > a, .ee-apply-miss li > span { display: flex; align-items: center; gap: 10px; padding: var(--ee-space-2) 10px; margin: 0 -10px; border-radius: var(--ee-radius-sm); color: var(--ee-text); font-size: 14px; text-decoration: none; }
.ee-apply-miss li > a::before, .ee-apply-miss li > span::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-warn); flex: none; }
.ee-apply-miss li > a:hover { background: var(--ee-surface-2); }
.ee-apply-miss li > a > i { margin-left: auto; color: var(--ee-text-2); font-size: 15px; }
.ee-apply-send { padding: var(--ee-space-4) var(--ee-space-5) var(--ee-space-5); border-top: 1px solid var(--ee-border); display: flex; flex-direction: column; gap: 10px; }
.ee-apply-send > .ee-muted { margin: 0; font-size: var(--ee-fs-sm); }
.ee-apply-send > .ee-muted.ee-apply-after { text-align: center; font-size: 12.5px; }
.ee-apply-send form { margin: 0; }
.ee-apply-send form .btn { width: 100%; justify-content: center; min-height: 48px; font-size: var(--ee-fs-base); border-radius: 10px; }
.ee-apply-steps { list-style: none; margin: 0; padding: 0 0 0 var(--ee-space-5); border-left: 2px solid var(--ee-border); display: flex; flex-direction: column; gap: var(--ee-space-4); }
.ee-apply-steps > li { position: relative; }
.ee-apply-steps > li:hover { background: var(--ee-surface-2); }
.ee-apply-steps > li::before { content: ""; position: absolute; left: calc(-1 * var(--ee-space-5) - 7px); top: 4px; width: 12px; height: 12px; border-radius: 50%; border: 2px solid var(--ee-border-strong); background: var(--ee-surface); }
.ee-apply-steps > li.is-done::before { background: var(--ee-ok); border-color: var(--ee-ok); }
.ee-apply-steps > li.is-now::before { border-color: var(--ee-primary); box-shadow: 0 0 0 3px var(--ee-primary-soft); }
.ee-apply-steps > li.is-bad::before { background: var(--ee-bad); border-color: var(--ee-bad); }
.ee-apply-steps small { display: block; color: var(--ee-text-2); }
.ee-apply-steps small.ee-apply-step-h { margin-top: var(--ee-space-2); font-weight: 600; color: var(--ee-text); }
.ee-apply-steps .ee-afix-list { margin: 4px 0; font-size: var(--ee-fs-sm); }
.ee-apply-bar { display: none; }
/* G2 geçişleri (ee-motion.css): satır, panel durumu ve alt şerit tonla belirirken durum simgesi "pop"; eksiğe gidişte üst bant payı;
   satır işleminin iletisi (aday-basvuru.js) satırın altında; form hatası formun altında tam genişlikte. */
.ee-a-tint > .ee-arow-i { animation: ee-pop var(--ee-dur-2) var(--ee-ease); }
.ee-apply-main > [id], .ee-apply-aside { scroll-margin-top: 96px; }
.ee-arow-note { margin-top: var(--ee-space-2); font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-ok); }
.ee-arow-note.is-bad { color: var(--ee-warn); font-weight: 400; }
.ee-arow-note.is-top { margin: var(--ee-space-3) var(--ee-space-5) 0; }
.ee-arow-v > .ee-arow-note { margin: 0 0 var(--ee-space-2); }
.ee-arow-fields > .ee-field-error, .ee-arow-form > .ee-field-error { flex-basis: 100%; margin-top: 0; }
/* Program seçin (H3; G1 yön A): araç satırı (arama + tür çipleri), grup başlığı (küçük büyük harf), satırlar kenardan kenara çizgiyle;
   seçili satır mavi zeminli ve sol çizgili, sıra rozeti dolu mavi; giriş sınavı takvim simgeli. */
.ee-ptool { display: flex; flex-wrap: wrap; align-items: center; gap: 10px var(--ee-space-3); padding: 14px var(--ee-space-5); }
.ee-ptool .ee-chips { margin-bottom: 0; }
.ee-ptool button.ee-chip { cursor: pointer; }
.ee-ptool input[type=search] { flex: 1 1 240px; }
.ee-plist-pad { padding: var(--ee-space-4) var(--ee-space-5); }
.ee-plist-pad > .ee-alert { margin-bottom: 0; }
.ee-plist { border-top: 1px solid var(--ee-border); }
.ee-plist-note { margin: 0 var(--ee-space-5) 6px; padding: 9px var(--ee-space-3); border-radius: 10px; background: var(--ee-primary-soft); color: var(--ee-text); font-size: var(--ee-fs-sm); }
.ee-plist-empty { padding: var(--ee-space-4) var(--ee-space-5); margin: 0; color: var(--ee-text-2); font-size: 14px; }
.ee-plist-empty b { color: var(--ee-text); }
.ee-pgroup { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 18px var(--ee-space-5) var(--ee-space-2); }
.ee-pgroup h3 { margin: 0; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ee-text-2); }
.ee-pgroup > span { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-prow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px var(--ee-space-4); align-items: start; padding: 14px var(--ee-space-5); border-top: 1px solid var(--ee-border); }
.ee-pgroup + .ee-prow { border-top: 0; }
.ee-prow.is-chosen { background: var(--ee-primary-soft); box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-prow-name { font-weight: 600; font-size: var(--ee-fs-base); margin-right: 8px; }
.ee-prow-tags { display: inline-flex; flex-wrap: wrap; gap: 4px; vertical-align: 2px; }
.ee-tag { display: inline-flex; align-items: center; height: 22px; font-size: 12px; font-weight: 600; padding: 0 8px; border-radius: 6px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); color: var(--ee-text-2); white-space: nowrap; }
.ee-prow-say { font-size: 13.5px; margin-top: 4px; }
.ee-prow-say.is-blocked { color: var(--ee-bad); }
.ee-prow-say.is-pending { color: var(--ee-warn); }
.ee-prow-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-prow-meta > span { display: inline-flex; align-items: center; gap: 6px; }
.ee-prow-meta > span > i { font-size: 15px; color: inherit; }
.ee-prow-why > summary { cursor: pointer; color: var(--ee-primary); font-weight: 600; }
.ee-prow-why[open] { flex-basis: 100%; }
.ee-prow-why ul { list-style: none; margin: var(--ee-space-2) 0 2px; padding: 10px var(--ee-space-3); max-width: 640px; display: grid; gap: 5px; border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface-2); color: var(--ee-text); }
.ee-why-ok { color: var(--ee-ok); font-weight: 700; }
.ee-why-no { color: var(--ee-bad); font-weight: 700; }
.ee-why-info { color: var(--ee-text-2); }
.ee-prow-side { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; padding-top: 2px; }
.ee-prow-side form { margin: 0; }
.ee-prow-no { display: inline-flex; align-items: center; height: 26px; padding: 0 10px; border-radius: 999px; background: var(--ee-primary); color: var(--ee-on-primary); font-size: 12.5px; font-weight: 700; white-space: nowrap; }
.ee-pfold { border-top: 1px solid var(--ee-border); }
.ee-pfold > summary { cursor: pointer; padding: 14px var(--ee-space-5); font-weight: 600; font-size: 14px; color: var(--ee-text-2); }
.ee-pfold > .ee-prow:first-of-type { border-top: 0; }
/* Adım 3 (taslak sekme 4 ve 6): denklik sorusu satırın altında; düzeltme şeridi sayfanın üstünde, düzeltilecek belge kırmızı çerçeveli. */
.ee-prow-say.is-muted { color: var(--ee-text-2); }
.ee-eq { margin-top: var(--ee-space-3); padding: var(--ee-space-3); max-width: 640px; border: 1px solid var(--ee-border); border-radius: 10px; background: var(--ee-surface); }
.ee-eq form { margin: 0; display: flex; flex-direction: column; gap: 10px; }
.ee-eq-q { margin: 0; font-size: 14px; }
.ee-eq-o { display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.ee-eq-o label { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.ee-eq-res { margin: 0; padding: 8px var(--ee-space-3); border-radius: 8px; font-size: var(--ee-fs-sm); }
.ee-eq-res.is-ok { background: var(--ee-ok-soft); color: var(--ee-text); }
.ee-eq-res.is-bad { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-eq-a { display: flex; gap: var(--ee-space-2); }
.ee-afix { margin-bottom: var(--ee-space-4); }
.ee-afix .ee-alert { margin: 0; }
.ee-afix-b { display: flex; flex-direction: column; gap: 4px; }
.ee-afix-h { font-size: var(--ee-fs-base); }
.ee-afix-list { list-style: none; margin: 6px 0 0; padding: 0; display: flex; flex-direction: column; gap: 4px; }
.ee-afix-list li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--ee-space-3); }
.ee-afix-list li.is-done > span:first-child { color: var(--ee-text-2); }
.ee-afix-ok { color: var(--ee-ok); font-weight: 600; }
.ee-afix-note { color: var(--ee-text-2); }
.ee-adoc.is-fix { border-style: solid; border-color: var(--ee-bad); }
.ee-adoc-fix { color: var(--ee-bad); }
@media (max-width: 991.98px) {
    .ee-apply { grid-template-columns: minmax(0, 1fr); }
    .ee-apply-aside { position: static; }
    /* Gönderilmiş başvuru (D16): tek sütunda Tercihleriniz süreçten (ana sütunun ilk kartı) hemen sonra; aralık kartların kendi payı. */
    .ee-apply.is-sent { row-gap: 0; }
    .ee-apply.is-sent > .ee-apply-main { display: contents; }
    .ee-apply.is-sent > .ee-apply-main > * { order: 2; min-width: 0; }
    .ee-apply.is-sent > .ee-apply-main > :first-child { order: 0; }
    .ee-apply.is-sent > .ee-apply-aside { order: 1; }
    .ee-apply-bar { display: flex; position: sticky; bottom: 0; z-index: 5; align-items: center; gap: var(--ee-space-3); padding: var(--ee-space-3) 14px; background: var(--ee-surface); border-top: 1px solid var(--ee-border); box-shadow: 0 -6px 20px rgba(15, 27, 61, .08); }
    .ee-apply-bar-s { flex: 1; min-width: 0; display: flex; align-items: center; gap: 10px; color: var(--ee-text); text-decoration: none; font-size: 14px; }
    .ee-apply-bar-s .ee-arow-i { width: 30px; height: 30px; }
    .ee-apply-bar-s b { display: block; }
    .ee-apply-bar-s small { display: block; font-size: 12px; color: var(--ee-text-2); }
    .ee-apply-bar .btn { flex: none; min-height: 42px; }
}
@media (max-width: 575.98px) {
    .ee-arow { grid-template-columns: 28px minmax(0, 1fr); gap: 6px var(--ee-space-3); padding: var(--ee-space-4); }
    .ee-arow-k { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 10px; padding-top: 2px; }
    .ee-arow-v { grid-column: 2; padding-top: 0; }
    .ee-arow-slot { padding: 14px; }
    .ee-arow-fields .ee-arow-w1, .ee-arow-fields .ee-arow-w2 { flex: 1 1 140px; }
    .ee-arow-fields .ee-arow-w0 { flex: 1 1 70px; }
    .ee-arow-fields .ee-arow-grow { flex-basis: 100%; }
    .ee-arow-act { flex: 1 1 100%; margin-top: 0; }
    .ee-arow-act .btn { width: 100%; justify-content: center; }
    .ee-prow { grid-template-columns: minmax(0, 1fr); padding: 14px var(--ee-space-4); }
    .ee-prow-side { justify-content: flex-start; }
    .ee-pgroup, .ee-pfold > summary, .ee-plist-empty, .ee-plist-pad { padding-left: var(--ee-space-4); padding-right: var(--ee-space-4); }
    .ee-plist-note { margin-left: var(--ee-space-4); margin-right: var(--ee-space-4); }
    .ee-ptool { padding: var(--ee-space-3) var(--ee-space-4); }
    .ee-ptool .ee-input.ee-input-medium { max-width: none; }
    .ee-apply-state, .ee-apply-sec, .ee-apply-send { padding-left: var(--ee-space-4); padding-right: var(--ee-space-4); }
}

/* Başvurularım (H8; taslak Adim-2b-Hizli-Basvuru/Basvurularim-Taslak): 880 px tek sütun, kart, aşama çizgisi, sıradaki iş kutusu.
   Telefonda aşama çizgisi yalnız çubuk + özet satırı, düğmeler tam genişlik. */
.ee-apps { max-width: 880px; margin: 0 auto; padding: var(--ee-space-6) 0; }
.ee-apps-title { font-size: 22px; line-height: 1.25; font-weight: 650; letter-spacing: -.01em; margin: 0 0 var(--ee-space-5); color: var(--ee-text); }
.ee-apps .ee-alert { margin-bottom: var(--ee-space-4); }
.ee-apps-card, .ee-apps-box { background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); box-shadow: var(--ee-shadow); overflow: hidden; }
.ee-apps-card { margin-bottom: var(--ee-space-4); padding-bottom: var(--ee-space-5); }
.ee-apps-card-h { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ee-space-3); padding: var(--ee-space-5) var(--ee-space-5) 0; }
.ee-apps-card-t { min-width: 0; }
.ee-apps-card-t h2 { margin: 0; font-size: 16px; font-weight: 650; line-height: 1.3; }
.ee-apps-card-t h2 a { color: var(--ee-text); }
.ee-apps-card-t p { margin: 2px 0 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-stages { list-style: none; margin: var(--ee-space-4) 0 0; padding: 0 var(--ee-space-5); display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 6px; }
.ee-apps-stages > li { min-width: 0; }
.ee-apps-bar { display: block; height: 4px; border-radius: 4px; background: var(--ee-border); }
.ee-apps-stages > li.is-done .ee-apps-bar { background: var(--ee-primary); opacity: .45; }
.ee-apps-stages > li.is-now .ee-apps-bar { background: var(--ee-primary); }
.ee-apps-stages > li.is-bad .ee-apps-bar { background: var(--ee-bad); }
.ee-apps-stages b, .ee-apps-stages small { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--ee-text-2); }
.ee-apps-stages b { margin-top: 7px; font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-apps-stages small { font-size: 12px; }
.ee-apps-stages > li.is-now b, .ee-apps-stages > li.is-bad b { color: var(--ee-text); }
.ee-apps-stage-now { display: none; margin: 0; padding: var(--ee-space-2) var(--ee-space-4) 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-next { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--ee-space-4); margin: var(--ee-space-4) var(--ee-space-5) 0; padding: var(--ee-space-4); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-apps-next-t { min-width: 0; }
.ee-apps-next-t > p { margin: 0; color: var(--ee-text); }
.ee-apps-next-t > p > b { font-weight: 650; }
.ee-apps-next-t > p > span { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-next-a { flex: none; }
.ee-apps-miss { list-style: none; margin: var(--ee-space-2) 0 0; padding: 0; display: flex; flex-direction: column; gap: 6px; }
.ee-apps-miss > li { position: relative; padding-left: 14px; }
.ee-apps-miss > li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--ee-warn); }
.ee-apps-miss small { color: var(--ee-warn); font-size: var(--ee-fs-sm); }
.ee-apps-note { margin: var(--ee-space-2) 0 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-h { margin: var(--ee-space-6) 0 var(--ee-space-2); font-size: var(--ee-fs-sm); font-weight: 650; color: var(--ee-text-2); }
.ee-apps-row { display: flex; align-items: center; justify-content: space-between; gap: var(--ee-space-3); padding: var(--ee-space-3) var(--ee-space-4); border-top: 1px solid var(--ee-border); }
.ee-apps-row:first-child { border-top: 0; }
.ee-apps-box-h + .ee-apps-row { border-top: 1px solid var(--ee-border); }
.ee-apps-row-t { min-width: 0; }
.ee-apps-row-t b { display: block; font-weight: 650; color: var(--ee-text); }
.ee-apps-row-t small { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-box-h { padding: var(--ee-space-5) var(--ee-space-4) var(--ee-space-3); }
.ee-apps-box-h h2 { margin: 0; font-size: 16px; font-weight: 650; }
.ee-apps-box-h p { margin: 2px 0 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-none { margin: 0; padding: var(--ee-space-4); border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-apps-past { margin-top: var(--ee-space-6); }
.ee-apps-past > summary { cursor: pointer; list-style: none; display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); font-weight: 650; color: var(--ee-text-2); }
.ee-apps-past > summary::-webkit-details-marker { display: none; }
.ee-apps-past > summary::before { content: "\203A"; display: inline-block; transition: transform .15s; }
.ee-apps-past[open] > summary::before { transform: rotate(90deg); }
.ee-apps-past > .ee-apps-box { margin-top: var(--ee-space-2); }
.ee-apps-foot { margin: var(--ee-space-6) 0 0; padding-top: var(--ee-space-4); border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
@media (max-width: 575.98px) {
    .ee-apps { padding-top: var(--ee-space-4); }
    .ee-apps-title { font-size: 20px; }
    .ee-apps-card-h { padding: var(--ee-space-4) var(--ee-space-4) 0; }
    .ee-apps-stages { padding: 0 var(--ee-space-4); gap: 4px; }
    .ee-apps-stages b, .ee-apps-stages small { display: none; }
    .ee-apps-stage-now { display: block; }
    .ee-apps-next { flex-direction: column; align-items: stretch; margin: var(--ee-space-3) var(--ee-space-4) 0; }
    .ee-apps-next-a .btn, .ee-apps-row .btn { width: 100%; justify-content: center; }
    .ee-apps-row { flex-wrap: wrap; }
}

/* ---------- Başvuru sayfası (Adım 3 P4a; taslak görüntü 10/11): aday şeridi, kart satırları, kaynak etiketi, belge çipi, Karar özeti ---------- */
.ee-review { max-width: 1240px; }
/* --ee-appbar-h: üstteki uygulama çubuğunun (enstitü seçici, kullanıcı menüsü) kapladığı yükseklik — çubuk sabitse temanın
   --bs-app-header-height değeri, kayıp gidiyorsa 0. Yapışkan öğeler bunun altında durur. */
@media (min-width: 992px) { [data-kt-app-header-fixed=true] { --ee-appbar-h: var(--bs-app-header-height, 0px); } }
@media (max-width: 991.98px) { [data-kt-app-header-fixed-mobile=true] { --ee-appbar-h: var(--bs-app-header-height, 0px); } }
/* Şerit çubuğun altına 4 px girerek durur (üst dolgu + eksi kenar boşluğu aynı miktar: akıştaki yeri değişmez). Çubuğun alt çizgisi yarı saydam;
   şerit çubuğun hemen altında bitince kaydırılan içerik o tek piksel satırdan görünüyordu (koyu tema, %100). Çubuk üstte olduğundan örtüşme görünmez. */
/* Şerit uygulama zemininde durur (kayarken yol satırı altından geçen kartı örter). Alt boşluk dolgu değil kenar boşluğu: kayarken şeridin
   altında zemin renginde bant kalmaz, içerik kartın kenarında görünür (kullanıcı 2026-10-16).
   will-change: şerit yapışık ve serbest konumda farklı alt-piksel konumda durur (ekran ölçeği %125/150'de 92,5 / 116,9 cihaz pikseli);
   Chrome katmanı yeniden çizmeden taşıdığından kaydırma sonrası ilk hover düğme içeriğini 1 px oynatıyordu. Katman çizimi konumdan bağımsız olur. */
.ee-review-head { --ee-appbar-overlap: 4px; position: sticky; top: calc(var(--ee-appbar-h, 0px) - var(--ee-appbar-overlap)); z-index: 5; background: var(--ee-page);
  margin-top: calc(var(--ee-appbar-overlap) * -1); padding-top: var(--ee-appbar-overlap); margin-bottom: var(--ee-space-3); will-change: transform; }
.ee-review-head .ee-record-icon.ee-avatar { width: 60px; height: 60px; border-radius: 50%; font-size: 20px; }
.ee-review-head .ee-page-actions { display: flex; gap: var(--ee-space-2); flex-wrap: wrap; flex-shrink: 1; min-width: 0; }
/* Telefonda şerit ekranın üçte birini kaplamasın: sayfayla birlikte kayar, karar düğmeleri sayfanın başında kalır. */
@media (max-width: 640px) { .ee-review-head { position: static; will-change: auto; margin-top: 0; padding-top: 0; } }
.ee-review > .ee-alert { margin-bottom: var(--ee-space-3); }
.ee-review-grid { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: var(--ee-space-4); align-items: start; }
.ee-review-main, .ee-review-side { display: grid; gap: var(--ee-space-4); min-width: 0; }
.ee-review-main { container: rvmain / inline-size; }
@media (max-width: 1100px) { .ee-review-grid { grid-template-columns: minmax(0, 1fr); } }
/* Kartlar: aralığı ızgara verir; başlıkta ad ve hemen yanında tek durum işareti; gövde sıkı. */
.ee-review .ee-card { margin-bottom: 0; }
/* "Tercihe git" gibi bağlantıyla gelinen kart yapışkan şeridin altında kalmasın. */
.ee-review [data-review-card] { scroll-margin-top: calc(var(--ee-appbar-h, 0px) + 170px); }
@media (max-width: 640px) { .ee-review [data-review-card] { scroll-margin-top: var(--ee-space-3); } }
.ee-review .ee-card-head { justify-content: flex-start; gap: var(--ee-space-3); padding: 14px 18px; }
.ee-review .ee-card-head h2 { font-size: 16px; }
.ee-review .ee-card-body { padding: 0 18px; }
/* Satır: etiket | değer | kaynak etiketi — her kartta aynı sütunlar. */
.ee-review-fr { display: grid; grid-template-columns: 168px minmax(0, 1fr) auto; gap: 4px var(--ee-space-4); padding: 12px 0; border-top: 1px solid var(--ee-border); align-items: start; }
.ee-review-fr:first-child { border-top: 0; }
.ee-review-fr > .k { color: var(--ee-text-2); font-size: 14px; padding-top: 1px; }
.ee-review-fr > .v { min-width: 0; overflow-wrap: anywhere; }
.ee-review-fr > .v > b { font-weight: 600; }
.ee-review-fr .m { color: var(--ee-text-2); }
.ee-review-fr .nw { white-space: nowrap; }
.ee-review-fr .v2 { color: var(--ee-text-2); font-size: 14px; margin-top: 2px; }
.ee-review-fr .ln { margin-top: 2px; }
.ee-review-fr .why { color: var(--ee-text-2); font-size: var(--ee-fs-sm); margin-top: var(--ee-space-2); }
.ee-review-fr > .v > .ee-review-docs:first-child { margin-top: 0; }
/* Kartın altındaki tek talimat (örn. "Puanı ve tarihi sonuç belgesiyle karşılaştırın."): satırlardan çizgiyle ayrılır. */
.ee-review-cardnote { margin: 0; padding: 10px 0 12px; border-top: 1px solid var(--ee-border); color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
/* Sınav sonuçları (_ExamSessions; Sınavlar kartı ve belge penceresi): bir oturum bir satır — sınav · tarih · puanlar yan yana, sütunlar
   hizalı (puan en az 16ch: ardışık puanlar da satırlar arasında hizalı başlar). Kabul edilmeyen oturumun nedeni puanların ardında;
   pencerede fazlası "+N sonuç daha" ile açılır. */
.ee-exams { display: grid; justify-items: start; gap: 4px; min-width: 0; max-width: 100%; overflow-x: auto; }
/* Hücre kelime ortasından kırılmaz (satır değeri sütunundan gelen "anywhere" miras alınmaz); yer yetmezse tablo kayar, harf harf kırılmaz. */
.ee-exams-t { overflow-wrap: normal; word-break: normal; }
/* Sınav satırı (başvuru sayfası): ana sütun üç sütunlu satıra yetmeyecek kadar daralınca (yan sütun 360px sabit) ya da kabul edilmeyen
   oturum için neden sütunu varken tablo etiketin altına, satırın tam genişliğine iner; kaynak etiketi etiketin hizasında sağda kalır. */
@container rvmain (max-width: 650px) {
  .ee-review-fr:has(.ee-exams) { grid-template-columns: minmax(0, 1fr) auto; }
  .ee-review-fr:has(.ee-exams) > .v { grid-column: 1 / -1; grid-row: 2; }
}
.ee-review-fr:has(.ee-exams-t.flags) { grid-template-columns: minmax(0, 1fr) auto; }
.ee-review-fr:has(.ee-exams-t.flags) > .v { grid-column: 1 / -1; grid-row: 2; }
/* Her puan türü kendi sütununda (--ee-exam-cols = bloktaki tür sayısı); kabul edilmeyen oturum varsa sonda neden sütunu (.flags). */
.ee-exams-t { display: grid; grid-template-columns: auto auto repeat(var(--ee-exam-cols, 1), auto); column-gap: 18px; row-gap: 3px;
  align-items: baseline; font-variant-numeric: tabular-nums; }
.ee-exams-t.flags { grid-template-columns: auto auto repeat(var(--ee-exam-cols, 1), auto) auto; }
/* Eşdeğer sınavın "Aslı görüldü" işareti (ADM-043-R06): oturum satırının altında, tablo genişliğinde; durum rozeti ve işaret düğmesi. */
.ee-exams-t .a { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-bottom: 4px; }
.ee-exams-t > [role="row"] { display: contents; }
.ee-exams-t > [role="row"][hidden] { display: none; }
.ee-exams-t > .h > span { font-size: 12.5px; color: var(--ee-text-2); }
.ee-exams-t .n { font-weight: 650; }
.ee-exams-t abbr[title], .ee-ascore abbr[title] { text-decoration: underline dotted var(--ee-text-2); text-underline-offset: 3px; cursor: help; }
.ee-exams-t .d { color: var(--ee-text-2); white-space: nowrap; }
.ee-exams-t .s { text-align: end; white-space: nowrap; }
.ee-exams-t > .h > .s { white-space: normal; overflow-wrap: normal; }
.ee-exams-t .s > b { font-weight: 650; }
.ee-exams-t .s.x { color: var(--ee-text-2); opacity: .6; }
.ee-exams-t .f { color: var(--ee-bad); font-size: var(--ee-fs-sm); font-weight: 600; }
.ee-exams-more { padding: 0; border: 0; background: none; color: var(--ee-primary); font-size: var(--ee-fs-sm); font-weight: 600; cursor: pointer; }
.ee-exams-more:hover { text-decoration: underline; }
.ee-exams-more:focus-visible { outline: 2px solid var(--ee-primary); outline-offset: 2px; border-radius: 2px; }
/* Kaynak etiketi: doğrulanmış kaynak ✓ ile dolgulu, aday beyanı / elle girildi kesik çerçeve. */
.ee-review-src { display: inline-flex; align-items: center; gap: 4px; height: 22px; margin-top: 1px; padding: 0 8px; border: 1px solid var(--ee-border); border-radius: 6px; background: var(--ee-surface-2); color: var(--ee-text-2); font-size: var(--ee-fs-sm); font-weight: 600; white-space: nowrap; }
.ee-review-src > i { font-size: 13px; color: var(--ee-ok); }
.ee-review-src.decl { background: transparent; border-style: dashed; border-color: var(--ee-border-strong); }
/* Belge çipi ve satır altı düğmeler (belge, alan teyidi) aynı sırada. */
.ee-review-docs { display: flex; flex-wrap: wrap; gap: var(--ee-space-2); align-items: center; margin-top: var(--ee-space-2); }
/* Ad sözcük ortasından kırılmaz (satırın overflow-wrap: anywhere'i burada geçmez); sığmayınca "Değişti" + durum adın altına iner (C2). */
.ee-review-doc { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px var(--ee-space-2); max-width: 100%; overflow-wrap: break-word; padding: 5px 8px 5px 10px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); text-decoration: none; font-size: 14px; font-weight: 600; }
.ee-review-doc > .n { display: inline-flex; align-items: center; gap: var(--ee-space-2); }
.ee-review-doc > .tags { display: inline-flex; align-items: center; gap: var(--ee-space-2); }
.ee-review-doc i { font-size: 16px; color: var(--ee-text-2); }
.ee-review-doc:hover { border-color: var(--ee-primary); color: var(--ee-primary); }
.ee-review-doc:hover i { color: var(--ee-primary); }
.ee-review-doc .ee-status { padding: 0 8px; border-radius: 6px; }
.ee-review-doc .chg { font-weight: 600; color: var(--ee-info); }
/* Düzeltme 6: beyandan kaldırılan belge (sönük; pencereye girmez) ve değişen bilginin önceki beyanı. */
.ee-review-doc.off { border-style: dashed; color: var(--ee-text-2); font-weight: 400; }
.ee-review-prev { font-size: 14px; margin-top: 2px; }
.ee-review-prev .chg { font-weight: 600; color: var(--ee-info); margin-right: var(--ee-space-2); }
.ee-review-prev .m { color: var(--ee-text-2); }
.ee-review-prev.top { padding-bottom: var(--ee-space-2); }
.ee-review-ok { color: var(--ee-ok); font-weight: 600; }
.ee-review-bad { color: var(--ee-bad); font-weight: 600; }
.ee-review-warn { color: var(--ee-warn); font-weight: 600; }
/* Karar özeti: bölüm başlıkları küçük; doğrulanmış madde sakin, bakılacak madde koyu. */
.ee-review-sec { padding: 14px 0; border-top: 1px solid var(--ee-border); }
.ee-review-sec:first-of-type { border-top: 0; }
.ee-review-sec > h3 { display: flex; justify-content: space-between; gap: var(--ee-space-2); margin: 0 0 var(--ee-space-2); font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; color: var(--ee-text-2); }
.ee-review-sec > h3 > span { text-transform: none; letter-spacing: 0; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text); font-variant-numeric: tabular-nums; }
.ee-review-sec > h3 > .ee-infomark { margin-right: auto; font-size: 16px; font-weight: 400; color: var(--ee-text-2); }
.ee-review-sec .ee-check { gap: 10px; padding: 6px 0; border-bottom: 0; font-size: 14px; }
.ee-review-sec .ee-check > i { font-size: 18px; }
.ee-review-sec .ee-check.ee-ok .ee-check-title { font-weight: 400; }
.ee-review-sec .ee-check-text { font-size: var(--ee-fs-sm); }
.ee-review-sec > .btn { width: 100%; justify-content: center; }
.ee-review-note { font-size: var(--ee-fs-sm); color: var(--ee-text-2); margin: var(--ee-space-2) 0 0; }
.ee-review-kv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 6px var(--ee-space-4); margin: 0; font-size: 14px; }
.ee-review-kv dt { color: var(--ee-text-2); font-weight: 400; }
.ee-review-kv dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.ee-review-kv dd .ee-sub { font-weight: 400; }
.ee-review-list { margin: 0; padding-left: 18px; font-size: 14px; }
.ee-review-list small { display: block; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
/* Başlıktaki "Geçmiş (N)". */
.ee-review-head [data-review-history-open] { border-radius: 999px; }
/* Geçmiş paneli: aşamalar (soldaki çizgi bağlar; nokta sonucun rengi, süren mavi), satırda kim simgesi | ne oldu + kim · saat | ayrıntı. */
.ee-modal-side .ee-chips { position: sticky; top: -16px; z-index: 1; margin: -16px -20px 0; padding: 12px 20px 10px; background: var(--ee-raised); border-bottom: 1px solid var(--ee-raised-line); }
.ee-hist-stage { position: relative; padding: 14px 0 4px 26px; }
.ee-hist-stage::before { content: ""; position: absolute; left: 7px; top: 22px; bottom: -14px; width: 2px; background: var(--ee-border); }
.ee-hist-stage:last-of-type::before { display: none; }
.ee-hist-stage[hidden] { display: none; }
.ee-hist-stage > .dot { position: absolute; left: 1px; top: 17px; width: 14px; height: 14px; border-radius: 50%; background: var(--ee-raised-card); border: 3px solid var(--ee-border-strong); }
.ee-hist-stage.now > .dot { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-hist-stage.ok > .dot { border-color: var(--ee-ok); }
.ee-hist-stage.bad > .dot { border-color: var(--ee-bad); }
.ee-hist-stage.warn > .dot { border-color: var(--ee-warn); }
.ee-hist-stage.info > .dot { border-color: var(--ee-info); }
.ee-hist-stage-head { display: flex; align-items: center; gap: var(--ee-space-2); flex-wrap: wrap; min-height: 28px; }
.ee-hist-stage-head h3 { font-size: 14.5px; font-weight: 700; margin: 0; }
.ee-hist-stage-head .ee-status { font-size: 12px; }
.ee-hist-stage-head .when { margin-left: auto; font-size: 12.5px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-hist-evs { list-style: none; margin: 6px 0 0; padding: 0; display: grid; gap: 2px; }
.ee-hist-ev { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 0 10px; padding: 8px; margin: 0 -8px; border-radius: var(--ee-radius-sm); }
.ee-hist-ev[hidden] { display: none; }
.ee-hist-ev:hover { background: var(--ee-raised-muted); }
.ee-hist-ic { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.ee-hist-ic > i { font-size: 16px; color: inherit; }
.ee-hist-ic.cand { background: var(--ee-info-soft); color: var(--ee-info); }
.ee-hist-ic.staff { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-hist-ic.sys { background: var(--ee-raised-muted); color: var(--ee-text-2); border: 1px solid var(--ee-raised-line); }
.ee-hist-t { min-width: 0; }
.ee-hist-t > .w { font-weight: 600; line-height: 1.45; overflow-wrap: anywhere; }
.ee-hist-ev.key .ee-hist-t > .w { font-size: 14.5px; }
.ee-hist-ev.calm .ee-hist-t > .w { font-weight: 500; color: var(--ee-text-2); }
.ee-hist-t > .m { font-size: 12.5px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-hist-t > .d { margin-top: 4px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); white-space: pre-line; overflow-wrap: anywhere; }
.ee-hist-more { margin-top: 4px; }
.ee-hist-more > summary { display: inline-flex; align-items: center; gap: 4px; list-style: none; cursor: pointer; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-primary); border-radius: 6px; }
.ee-hist-more > summary::-webkit-details-marker { display: none; }
.ee-hist-more > summary > i { font-size: 12px; color: inherit; transition: transform .15s; }
.ee-hist-more[open] > summary > i { transform: rotate(90deg); }
.ee-hist-sub { list-style: none; margin: 6px 0 2px; padding: 8px 12px; display: grid; gap: 6px; border: 1px solid var(--ee-raised-line); border-radius: var(--ee-radius-sm); background: var(--ee-raised-muted); font-size: var(--ee-fs-sm); }
.ee-hist-sub > li { display: grid; grid-template-columns: 18px minmax(0, 1fr) auto; gap: var(--ee-space-2); align-items: start; }
.ee-hist-sub > li > i { font-size: 15px; margin-top: 2px; color: var(--ee-text-2); }
.ee-hist-sub > li > i.ok { color: var(--ee-ok); }
.ee-hist-sub .t { font-size: 12px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-hist-sub .chg { display: grid; gap: 2px; overflow-wrap: anywhere; }
.ee-hist-sub .chg > b { font-weight: 600; color: var(--ee-text); }
.ee-hist-sub .ba { display: inline-flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; }
.ee-hist-sub .ba s, .ee-hist-sub .ba .to, .ee-hist-sub .ba .lb { color: var(--ee-text-2); }
.ee-hist-sub .ba strong { font-weight: 600; color: var(--ee-text); }
.ee-hist-empty { padding: 40px 0; margin: 0; text-align: center; color: var(--ee-text-2); }
@media (prefers-reduced-motion: reduce) { .ee-hist-more > summary > i { transition: none; } }
/* Kayıtlar arası gezinti: yolun sağında "‹ Önceki · n / N · Sonraki ›". */
.ee-record-path { display: flex; align-items: center; justify-content: space-between; gap: var(--ee-space-2); flex-wrap: wrap; }
.ee-review-pager { display: flex; align-items: center; gap: 2px; font-size: var(--ee-fs-sm); }
.ee-review-pager .pos { color: var(--ee-text-2); font-variant-numeric: tabular-nums; padding: 0 6px; }
.ee-review-pager .btn { padding-top: 2px; padding-bottom: 2px; }
/* Gelen başvurular: başvurudan dönülen satır kısa vurgulanır. */
@keyframes ee-row-returned { from { background-color: var(--ee-primary-soft); } to { background-color: transparent; } }
.ee-row-returned > td { animation: ee-row-returned 2.4s ease-out; }
/* Karar ve alan pencereleri (P4b) */
.ee-review-modal { display: grid; gap: var(--ee-space-3); }
.ee-review-modal ul { margin: 0; padding-left: 18px; }
.ee-review-modal .ee-review-note { margin: 0; }
/* Kararı değiştir › Düzeltme istendi: belge seçimi ve nedeni aynı satırda (dar ekranda alt alta). */
.ee-review-change-doc { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 14rem); gap: var(--ee-space-2); align-items: center; }
.ee-review-change-doc .ee-field { margin: 0; }
@media (max-width: 575.98px) { .ee-review-change-doc { grid-template-columns: 1fr; } }
.ee-review-pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--ee-space-2); }
.ee-review-pair > div { border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); padding: 8px 12px; }
.ee-review-pair small { display: block; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-review-areas { display: flex; flex-wrap: wrap; gap: 6px; }
.ee-review-areas > span { border: 1px solid var(--ee-border); border-radius: 999px; padding: 1px 10px; font-size: var(--ee-fs-sm); }
.ee-review-areas > span.on { border-color: var(--ee-primary); color: var(--ee-primary); font-weight: 600; }
@media (max-width: 640px) { .ee-review-pair { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 640px) { .ee-review-fr { grid-template-columns: minmax(0, 1fr); gap: 4px; } .ee-review-fr > .ee-review-src { justify-self: start; } }

/* Geniş çalışma penceresi (ee-modal size="wide"; belge inceleme): en çok 1400 × 1040 px, 90vh; gövde kaydırmayı içeriğe bırakır. Orta, dar
   ya da alçak ekranda içerik alanı büyür ama tam ekran olmaz: her yanda 16 px (telefonda 8 px) boşluk, köşe ve karartma görünür kalır. */
.ee-modal-wide .modal-dialog { max-width: min(1400px, calc(100vw - 48px)); }
.ee-modal-wide .ee-modal-content { height: min(90vh, 1040px); }
.ee-modal-wide .ee-modal-body { display: flex; padding: 0; gap: 0; overflow: hidden; }
@media (max-width: 1199.98px), (max-height: 619.98px) {
  .ee-modal-wide { --bs-modal-margin: 16px; }
  .ee-modal-wide .modal-dialog { max-width: calc(100vw - 32px); }
  .ee-modal-wide .ee-modal-content { height: calc(100vh - 32px); height: calc(100dvh - 32px); }
}
@media (max-width: 575.98px) {
  .ee-modal-wide { --bs-modal-margin: 8px; }
  .ee-modal-wide .modal-dialog { max-width: calc(100vw - 16px); }
  .ee-modal-wide .ee-modal-content { height: calc(100vh - 16px); height: calc(100dvh - 16px); }
}

/* Belge inceleme penceresi (Adım 3 P5; taslak görüntü 8/9): solda belge listesi, sağda beyan şeridi + görüntüleyici, altta gezinme. */
.ee-docrev-prg { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; color: var(--ee-text-2); white-space: nowrap; }
.ee-docrev-prg b { color: var(--ee-text); font-variant-numeric: tabular-nums; }
.ee-docrev-bar { display: inline-block; width: 110px; height: 6px; border-radius: 99px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); overflow: hidden; }
.ee-docrev-bar > i { display: block; height: 100%; background: var(--ee-ok); }
.ee-docrev { flex: 1 1 auto; display: grid; grid-template-columns: 286px minmax(0, 1fr); min-height: 0; min-width: 0; font-size: 15px; }
.ee-docrev-list { border-right: 1px solid var(--ee-border); overflow-y: auto; padding: 4px 0 14px; background: var(--ee-surface-2); display: flex; flex-direction: column; }
.ee-docrev-lg { display: flex; align-items: center; justify-content: space-between; font-size: 11.5px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ee-text-2); padding: 14px 18px 6px; }
.ee-docrev-lg > span { letter-spacing: 0; font-variant-numeric: tabular-nums; }
.ee-docrev-li { display: flex; gap: 12px; align-items: flex-start; width: 100%; text-align: left; border: 0; background: none; padding: 10px 18px; color: var(--ee-text); }
.ee-docrev-li:hover { background: color-mix(in srgb, var(--ee-surface) 65%, transparent); }
.ee-docrev-li.on { background: var(--ee-surface); box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-docrev-li:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-docrev-ic { display: grid; place-items: center; width: 32px; height: 38px; border-radius: 5px; border: 1px solid var(--ee-border-strong); background: var(--ee-surface); color: var(--ee-text-2); flex: none; }
.ee-docrev-ic > i { font-size: 17px; color: inherit; }
.ee-docrev-li.on .ee-docrev-ic { border-color: var(--ee-primary); color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-docrev-tx { display: grid; gap: 3px; justify-items: start; min-width: 0; }
.ee-docrev-tx > b { font-weight: 600; font-size: 14.5px; line-height: 1.3; }
.ee-docrev-tx > small { font-size: 12.5px; color: var(--ee-text-2); line-height: 1.35; }
.ee-docrev-tx > small.bad { color: var(--ee-bad); }
.ee-docrev-chg { display: inline-block; margin-left: 6px; padding: 0 6px; border-radius: 4px; font-size: 11px; font-weight: 700; vertical-align: 1px; background: var(--ee-warn-soft); color: var(--ee-warn); }
.ee-docrev-bdg { display: inline-flex; align-items: center; gap: 6px; height: 20px; padding: 0 7px; border-radius: 5px; font-size: 11.5px; font-weight: 650; white-space: nowrap; background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-docrev-bdg::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.ee-docrev-bdg.p { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-docrev-bdg.o, .ee-docrev-bdg.s { background: var(--ee-ok-soft); color: var(--ee-ok); }
.ee-docrev-bdg.b { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-docrev-view { display: grid; grid-template-rows: auto auto minmax(0, 1fr); min-width: 0; min-height: 0; }
.ee-docrev-decl { padding: 12px 20px 14px; border-bottom: 1px solid var(--ee-border); display: grid; gap: 8px; }
.ee-docrev-decl[hidden] { display: none; }
.ee-docrev-dh { display: flex; align-items: center; gap: 8px 14px; flex-wrap: wrap; }
.ee-docrev-dt { flex: 1; font-size: 12px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--ee-text-2); }
.ee-docrev-code { font-size: 12.5px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-docrev-kvs { display: flex; flex-wrap: wrap; row-gap: 10px; margin: 0; }
.ee-docrev-kv { display: grid; gap: 1px; margin: 0; padding: 0 28px; border-left: 1px solid var(--ee-border); }
.ee-docrev-kv:first-child { padding-left: 0; border-left: 0; }
.ee-docrev-kv dt { font-size: 12.5px; font-weight: 400; color: var(--ee-text-2); }
.ee-docrev-kv dd { margin: 0; font-weight: 650; font-size: 16.5px; font-variant-numeric: tabular-nums; }
/* Beyan şeridinde açılan oturumlar şeridi büyütmez: en çok pencerenin üçte biri, kendi içinde kayar (PDF alanı büyük kalır). */
.ee-docrev-decl .ee-exams.open .ee-exams-t { max-height: 30vh; overflow-y: auto; }
.ee-docrev-decl.auto { display: flex; gap: 10px; align-items: flex-start; }
.ee-docrev-decl.auto > i { color: var(--ee-ok); font-size: 18px; margin-top: 1px; }
.ee-docrev-tb { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 5px 12px 5px 20px; border-bottom: 1px solid var(--ee-border); background: var(--ee-surface-2); }
.ee-docrev-fn { flex: 1; min-width: 0; display: flex; align-items: baseline; gap: 8px; white-space: nowrap; overflow: hidden; }
.ee-docrev-fn > b { font-size: 13.5px; font-weight: 650; overflow: hidden; text-overflow: ellipsis; }
.ee-docrev-fn > small { font-size: 12.5px; color: var(--ee-text-2); }
.ee-docrev-tg { display: inline-flex; align-items: center; gap: 2px; flex: none; }
.ee-docrev-tg + .ee-docrev-tg { padding-left: 10px; border-left: 1px solid var(--ee-border); }
.ee-docrev-tbb { display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 30px; min-width: 30px; padding: 0 7px; border: 1px solid transparent; border-radius: 6px; background: none; color: var(--ee-text-2); font-size: 13px; font-weight: 600; white-space: nowrap; text-decoration: none; }
.ee-docrev-tbb > i { font-size: 16px; color: inherit; }
.ee-docrev-tbb:hover:not(:disabled) { background: var(--ee-surface); border-color: var(--ee-border); color: var(--ee-text); }
.ee-docrev-tbb[aria-pressed="true"] { background: var(--ee-primary-soft); border-color: transparent; color: var(--ee-primary); }
.ee-docrev-tbb:disabled { opacity: .4; cursor: default; }
.ee-docrev-tbb:focus-visible, .ee-docrev-ib:focus-visible, .ee-docrev-zsel:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-docrev-zsel { height: 30px; min-width: 74px; border: 1px solid var(--ee-border-strong); border-radius: 6px; background: var(--ee-surface); color: var(--ee-text); padding: 0 4px 0 8px; font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.ee-docrev-pgc { font-size: 13px; color: var(--ee-text-2); white-space: nowrap; font-variant-numeric: tabular-nums; padding: 0 4px; }
/* Sayfalar gerçek oranında dizilir; yakınlaştırma yalnız ölçeği değiştirir, taşan kısım kaydırılır. */
.ee-docrev-pv { position: relative; overflow: auto; background: var(--ee-viewer); scrollbar-gutter: stable; }
.ee-docrev-pv:focus-visible { outline: none; box-shadow: inset 0 0 0 2px var(--ee-primary); }
.ee-docrev-pvi { width: max-content; min-width: 100%; padding: 20px 24px 32px; display: grid; justify-items: center; gap: 18px; }
.ee-docrev-pg { background: var(--ee-surface); box-shadow: 0 1px 3px color-mix(in srgb, var(--ee-text) 22%, transparent), 0 0 0 1px color-mix(in srgb, var(--ee-text) 5%, transparent); overflow: hidden; }
.ee-docrev-pg > canvas, .ee-docrev-pg > img { display: block; width: 100%; height: 100%; }
[data-bs-theme=dark] .ee-docrev-pg > canvas, [data-bs-theme=dark] .ee-docrev-pg > img { filter: brightness(.9); }
.ee-docrev-msg { align-self: center; max-width: 460px; margin: 48px auto; text-align: center; color: var(--ee-text-2); font-size: 14.5px; }
.ee-docrev-foot { flex: 1 1 auto; display: flex; align-items: center; gap: 10px; flex-wrap: wrap; min-width: 0; }
.ee-docrev-foot .btn { font-size: 15px; padding: 8px 16px !important; display: inline-flex; align-items: center; gap: 6px; }
.ee-docrev-foot .btn > i { font-size: 16px; color: inherit; }
.ee-docrev-nv { display: flex; align-items: center; gap: 8px; }
.ee-docrev-sp { flex: 1; }
.ee-docrev-ib { display: inline-grid; place-items: center; min-width: 32px; height: 32px; border: 1px solid var(--ee-border); border-radius: 8px; background: var(--ee-surface); color: var(--ee-text-2); padding: 0 6px; }
.ee-docrev-ib > i { font-size: 16px; color: inherit; }
.ee-docrev-ib:hover:not(:disabled) { background: var(--ee-surface-2); }
.ee-docrev-ib:disabled { opacity: .4; cursor: default; }
.ee-docrev-kh { font-size: 12px; color: var(--ee-text-2); margin-left: 4px; }
.ee-docrev-kh kbd { font: 11.5px var(--ee-font-mono); border: 1px solid var(--ee-border-strong); border-bottom-width: 2px; border-radius: 4px; padding: 0 4px; color: var(--ee-text-2); background: var(--ee-surface); box-shadow: none; }
.ee-docrev-mk { display: inline-flex; align-items: center; gap: 10px; font-size: 14px; color: var(--ee-text-2); min-width: 0; }
.ee-docrev-ro { font-size: 14px; color: var(--ee-text-2); }
.ee-docrev-foot .btn.ee-docrev-okb { background: var(--ee-ok) !important; border: 1px solid var(--ee-ok) !important; color: var(--ee-on-primary) !important; }
.ee-docrev-foot .btn.ee-docrev-okb:hover { background: color-mix(in srgb, var(--ee-ok) 88%, var(--ee-text)) !important; }
.ee-docrev-foot .btn.ee-docrev-bad { background: var(--ee-surface) !important; border: 1px solid color-mix(in srgb, var(--ee-bad) 55%, var(--ee-border)) !important; color: var(--ee-bad) !important; }
.ee-docrev-foot .btn.ee-docrev-bad:hover { background: var(--ee-bad-soft) !important; }
.ee-docrev-err { flex: 1 1 100%; color: var(--ee-bad); font-size: 14px; }
.ee-docrev-iss { flex: 1 1 100%; display: grid; gap: 10px; padding: 12px 14px; border: 1px solid color-mix(in srgb, var(--ee-bad) 30%, var(--ee-border)); background: color-mix(in srgb, var(--ee-bad-soft) 45%, var(--ee-surface)); border-radius: 12px; font-size: 14.5px; }
.ee-docrev-r1 { display: flex; gap: 8px 14px; align-items: center; flex-wrap: wrap; }
.ee-docrev-r1 > b { font-size: 15.5px; }
.ee-docrev-rule { font-size: 13px; color: var(--ee-text-2); }
.ee-docrev-r2 { display: flex; gap: 8px; align-items: flex-end; }
.ee-docrev-note { flex: 1; min-width: 0; font: inherit; font-size: 14.5px; padding: 8px 10px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); resize: vertical; }
.ee-docrev-note:focus { outline: none; border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-docrev-iss .btn { font-size: 14.5px; padding: 7px 14px !important; }
.ee-docrev-seg { display: inline-flex; border: 1px solid var(--ee-border-strong); border-radius: 8px; overflow: hidden; background: var(--ee-surface); }
.ee-docrev-seg > button { border: 0; background: none; padding: 6px 13px; font-size: 14px; font-weight: 600; color: var(--ee-text-2); }
.ee-docrev-seg > button[aria-pressed="true"] { background: var(--ee-text); color: var(--ee-surface); }
.ee-docrev-rsn { display: flex; gap: 6px; flex-wrap: wrap; }
.ee-docrev-rsn > button { border: 1px solid var(--ee-border-strong); background: var(--ee-surface); border-radius: 999px; padding: 3px 11px; font-size: 13px; font-weight: 600; color: var(--ee-text-2); }
.ee-docrev-rsn > button[aria-pressed="true"] { border-color: var(--ee-bad); background: var(--ee-bad-soft); color: var(--ee-bad); }
@media (max-width: 1240px) { .ee-docrev-tbb .tl { display: none; } }
@media (max-width: 899.98px), (max-height: 619.98px) {
  .ee-docrev { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); }
  .ee-docrev-list { flex-direction: row; overflow-x: auto; border-right: 0; border-bottom: 1px solid var(--ee-border); padding: 6px 8px; gap: 4px; }
  .ee-docrev-lg, .ee-docrev-ic, .ee-docrev-tx > small, .ee-docrev-bar, .ee-docrev-kh, .ee-docrev-fn { display: none; }
  .ee-docrev-li { flex: none; width: auto; padding: 6px 10px; border-radius: 8px; }
  .ee-docrev-li.on { box-shadow: inset 0 -2px 0 var(--ee-primary); }
  .ee-docrev-tb { padding: 4px 8px; justify-content: space-between; }
  .ee-docrev-tg + .ee-docrev-tg { padding-left: 4px; }
  .ee-docrev-pvi { padding: 12px; }
  .ee-docrev-decl { padding: 10px 14px; }
  .ee-docrev-kv { padding: 0 16px; }
  .ee-exams-t { column-gap: 12px; }
  .ee-docrev-r2 { flex-wrap: wrap; }
  .ee-docrev-note { flex-basis: 100%; }
}

/* İş kutusu "Bekleyen işler" (Adım 3 P6; taslak Adim-3 sekme 1): satır kutu, sayılar yan yana, öne çıkan satır sarı/kırmızı çerçeve. */
.ee-inbox { display: grid; gap: 10px; }
.ee-inbox > .ee-row, .ee-inbox > .ee-row:last-child { border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); padding: var(--ee-space-4) var(--ee-space-5); }
.ee-inbox > .ee-row.ee-inbox-warn { border-color: var(--ee-warn); background: color-mix(in srgb, var(--ee-warn-soft) 45%, var(--ee-surface)); }
.ee-inbox > .ee-row.ee-inbox-bad { border-color: var(--ee-bad); }
.ee-inbox .ee-row-meta { display: block; max-width: 70ch; }
.ee-inbox .ee-row-side { gap: var(--ee-space-5); }
.ee-inbox-kp { display: flex; gap: var(--ee-space-5); flex-wrap: wrap; }
.ee-inbox-kp > span { display: grid; line-height: 1.2; }
.ee-inbox-kp b { font-size: var(--ee-fs-h2); font-variant-numeric: tabular-nums; }
.ee-inbox-kp small { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-inbox-kp .ee-inbox-warn b { color: var(--ee-warn); }
.ee-inbox-kp .ee-inbox-bad b { color: var(--ee-bad); }
.ee-inbox-act { display: flex; gap: var(--ee-space-2); flex-wrap: wrap; }
.ee-inbox-act form { margin: 0; }

/* ── Ayar sayfası bileşeni (ADR 29 K10; _SettingsPage.cshtml, settings-page.js) ── */
.ee-sp-nav { align-self: stretch; padding: 14px 12px; border-right: 1px solid var(--ee-border); }
/* Harita pencereye sığar: yalnız liste kayar, arama ve açıklama satırı sabit (Menu-Taslak ölçü sözleşmesi §1). */
.ee-sp-nav-in { position: sticky; top: calc(var(--ee-appbar-h, 0px) + 14px); display: flex; flex-direction: column; max-height: calc(100vh - var(--ee-appbar-h, 0px) - 28px); }
.ee-sp-search { position: relative; flex: none; }
.ee-sp-search > i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--ee-text-2); pointer-events: none; }
.ee-sp-search input { width: 100%; height: 36px; padding-left: 32px; padding-right: 30px; }
.ee-sp-search kbd { position: absolute; right: 8px; top: 50%; transform: translateY(-50%); padding: 0 5px; font: 600 11px/18px var(--ee-font-mono); color: var(--ee-text-2); background: var(--ee-surface-2); border: 1px solid var(--ee-border); border-radius: 5px; box-shadow: none; }
.ee-sp-hsel { display: none; width: 100%; margin-top: 10px; }
.ee-sp-heads { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: var(--ee-border-strong) transparent; margin-top: 8px; }
/* Konu: ad 500, seçili 600; rozetler sağda yan yana. */
.ee-sp-head { display: flex; align-items: center; gap: 6px; min-height: 32px; padding: 5px 8px 5px 10px; border-radius: var(--ee-radius-sm); font-size: 13px; font-weight: 500; line-height: 1.3; color: var(--ee-text); text-decoration: none; }
.ee-sp-head:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-sp-head.is-on { background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-sp-head > span:first-child { margin-right: auto; min-width: 0; overflow-wrap: anywhere; }
/* Rozet yalnız yapılacak iş: girilmedi dolu kırmızı, kontrol bekliyor açık sarı. Kaydedilmemiş değişiklik sayı değil 7px nokta. */
.ee-sp-count { flex: none; display: inline-grid; place-items: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; font-size: 11px; font-weight: 700; line-height: 1; font-variant-numeric: tabular-nums; color: var(--ee-warn); background: var(--ee-warn-soft); }
.ee-sp-count.is-bad { color: var(--ee-surface); background: var(--ee-bad); }
.ee-sp-dirty { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--ee-warn); }
.ee-sp-dirty.is-bad { background: var(--ee-bad); }
/* Alt başlığı olan konunun oku: kapalıyken sağa, açıkken aşağı; en sağ sütunda. Oksuz satır aynı boşluğu bırakır, rozetler hizalı kalır. */
.ee-sp-chev { flex: none; width: 14px; font-size: 12px; text-align: center; color: var(--ee-text-2); transition: transform .15s; }
.ee-sp-head.is-on > .ee-sp-chev { color: inherit; }
.ee-sp-head[aria-expanded="true"] > .ee-sp-chev { transform: rotate(90deg); }
.ee-sp-heads:has(.ee-sp-chev) .ee-sp-head:not(.is-sub):not(:has(> .ee-sp-chev)) { padding-right: 28px; }
/* Alt başlık: 4px noktalı, seçili konunun altında; yanında işin düz sayısı. */
.ee-sp-subs { padding: 2px 0 4px; }
.ee-sp-head.is-sub { position: relative; min-height: 26px; padding: 3px 8px 3px 24px; border-radius: 6px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-sp-head.is-sub::before { content: ""; position: absolute; left: 12px; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: var(--ee-border-strong); }
.ee-sp-head.is-sub:hover { color: var(--ee-text); }
/* Bakılan alt başlık: ana girdiyle aynı işaret (açık zemin + vurgu rengi); kayarken hedef üst çubuğun altında kalmaz. */
.ee-sp-head.is-sub.is-on { background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-sp-head.is-sub.is-on::before { background: var(--ee-primary); }
.ee-sp-subcount { flex: none; font-size: 11.5px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ee-warn); }
.ee-sp-subcount.is-bad { color: var(--ee-bad); }
.ee-sp-panes [id^="grup-"] { scroll-margin-top: calc(var(--ee-appbar-h, 0px) + 16px); }
/* Açıklama satırı: aramanın altında sabit; yalnız görünen tür yazılır. */
.ee-sp-key { flex: none; display: flex; flex-wrap: wrap; gap: 2px 12px; margin-top: 8px; padding: 0 10px; font-size: 11.5px; line-height: 18px; color: var(--ee-text-2); }
.ee-sp-key > span { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.ee-sp-key i { display: inline-block; width: 14px; height: 10px; border-radius: 5px; background: var(--ee-warn-soft); box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ee-warn) 35%, transparent); }
.ee-sp-key i.is-bad { background: var(--ee-bad); box-shadow: none; }
.ee-sp-key i.is-dirty { width: 7px; height: 7px; border-radius: 50%; background: var(--ee-warn); box-shadow: none; }
.ee-sp-key[hidden], .ee-sp-subs[hidden], .ee-sp-head[hidden] { display: none; }
.ee-sp-subsel { display: none; }
.ee-sp-results { flex: 1 1 auto; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; align-content: start; display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; margin-top: 8px; }   /* uzun ad sütunu taşırmaz, sarılır */
.ee-sp-group { padding: 12px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ee-text-3, var(--ee-text-2)); }
.ee-sp-group:first-child { padding-top: 4px; }
.ee-sp-hit { display: block; width: 100%; padding: 7px 9px; line-height: 1.3; text-align: left; color: var(--ee-text); background: none; border: 0; border-radius: var(--ee-radius-sm); text-decoration: none; }
.ee-sp-hit:hover, .ee-sp-hit:focus-visible { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-sp-hit.is-static, .ee-sp-hit.is-static:hover { background: none; cursor: default; }
.ee-sp-hit b { display: block; font-size: 13px; font-weight: 600; white-space: normal; overflow-wrap: anywhere; }
.ee-sp-hit small { display: block; margin-top: 1px; font-size: 12px; color: var(--ee-text-2); }
.ee-sp-hit small.ee-sp-snip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-sp-hit mark { padding: 0 1px; color: inherit; background: color-mix(in srgb, var(--ee-warn) 22%, transparent); border-radius: 3px; }
.ee-sp-empty { padding: 8px 9px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-sp-control-in[hidden], .ee-sp-state[hidden] { display: none; }
.ee-sp-error { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ee-bad); }
.ee-sp-row.is-highlight { animation: ee-sp-hl 2.6s ease-out; }
@keyframes ee-sp-hl { 0%, 55% { background: var(--ee-primary-soft); box-shadow: -12px 0 0 var(--ee-primary-soft), 12px 0 0 var(--ee-primary-soft); } 100% { background: transparent; box-shadow: none; } }
.ee-sp-seg { display: inline-flex; flex-wrap: wrap; gap: 2px; max-width: 100%; padding: 2px; background: var(--ee-surface-2); border: 1px solid var(--ee-border-strong); border-radius: 9px; }
.ee-sp-opt { position: relative; margin: 0; cursor: pointer; }
.ee-sp-opt input { position: absolute; opacity: 0; pointer-events: none; }
.ee-sp-opt span { display: block; padding: 4px 11px; border-radius: 7px; font-size: 12.5px; font-weight: 600; white-space: nowrap; color: var(--ee-text-2); }
.ee-sp-opt:hover span { color: var(--ee-text); }
.ee-sp-opt input:focus-visible + span { box-shadow: var(--ee-focus-ring); }
.ee-sp-opt input:checked + span { color: var(--ee-text); background: var(--ee-surface); box-shadow: 0 0 0 1px var(--ee-border-strong); }
.ee-sp-opt.is-ok input:checked + span { color: var(--ee-ok); }
.ee-sp-opt.is-warn input:checked + span { color: var(--ee-warn); }
.ee-sp-opt.is-neutral input:checked + span { color: var(--ee-text-2); }
.ee-sp-switch { position: relative; display: inline-flex; margin: 0; cursor: pointer; }
.ee-sp-switch input { position: absolute; opacity: 0; }
.ee-sp-knob { position: relative; width: 38px; height: 22px; border-radius: 99px; background: var(--ee-border-strong); transition: background .15s; }
.ee-sp-knob::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: var(--ee-surface); transition: left .15s; }
.ee-sp-switch input:checked + .ee-sp-knob { background: var(--ee-primary); }
.ee-sp-switch input:checked + .ee-sp-knob::after { left: 19px; }
.ee-sp-switch input:focus-visible + .ee-sp-knob { box-shadow: var(--ee-focus-ring); }
.ee-sp-value { font-weight: 650; font-size: 13.5px; }
.ee-sp-state { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 650; white-space: nowrap; color: var(--ee-text-2); }
.ee-sp-state::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.ee-sp-state.is-ok { color: var(--ee-ok); }
.ee-sp-state.is-warn { color: var(--ee-warn); }
.ee-sp-lines { display: grid; grid-template-columns: auto auto; justify-content: start; gap: 3px 14px; align-items: baseline; font-size: 13px; }
.ee-sp-lines span { color: var(--ee-text-2); }
.ee-sp-lines b { font-weight: 700; white-space: nowrap; }
.ee-sp-lines b.is-solo { grid-column: 1 / -1; font-size: 14px; }
/* Ayarlar (2026-10-27): grup etiketi, Standarttan farklı olanlar, "Standart: X · Standarda dön", tür başına açılır, kurulum şeridi. */
.ee-sp-glabel:first-child { padding-top: 4px; }
/* Grup etiketi (U54): soluk metinden bir kademe koyu (AA 4,5 üstü, açık ve koyu temada); öteki öğelerle aynı sırada kalır. */
.ee-sp-glabel { padding: 12px 10px 4px; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: color-mix(in srgb, var(--ee-text-3) 30%, var(--ee-text-2)); }
.ee-sp-diff { margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--ee-border); }
.ee-sp-diff .ee-sp-head { font-size: 12.5px; color: var(--ee-text-2); }
.ee-sp-diff .ee-sp-head.is-on { color: var(--ee-primary); }
.ee-sp-plain { flex: none; font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ee-text-2); }
.ee-sp-row[hidden], .ee-sp-std[hidden] { display: none; }
.ee-sp-difflist { display: grid; gap: 2px; margin-top: 12px; }
.ee-sp-difflist .ee-sp-hit { padding: 9px 10px; }
/* Kurulum eksiği (2026-10-28, ölçü sözleşmesi): satır değer gelene dek işaretli — zemin birincil %6, yanlara 12px taşar (yerleşim kaymaz),
   sol 3px birincil çizgi; tabloda ilk hücrede iç gölge. Dar kapta sol kenarlık, kenara kadar. */
.ee-table tr.is-setup-need > td, .ee-empty.is-setup-need, .ee-setup-q.is-setup-need { --ee-need: color-mix(in srgb, var(--ee-primary) 6%, transparent); }
[data-bs-theme=dark] .ee-table tr.is-setup-need > td, [data-bs-theme=dark] .ee-empty.is-setup-need, [data-bs-theme=dark] .ee-setup-q.is-setup-need { --ee-need: color-mix(in srgb, var(--ee-primary) 9%, transparent); }
.ee-table tr.is-setup-need > td { background: var(--ee-need); }
.ee-table tr.is-setup-need > td:first-child { box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-empty.is-setup-need { background: var(--ee-need); box-shadow: inset 3px 0 0 var(--ee-primary); }
.ee-setup-q.is-setup-need { background: var(--ee-need); box-shadow: inset 3px 0 0 var(--ee-primary); }
/* Eylemi sayfa başlığındaki (ya da kutudaki) tek düğme olan eksik (YÖK ilk çekim, Dosyadan aktar, bu yılın tatilleri): düğmenin çevresinde halka. */
.btn.is-setup-need { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ee-primary) 28%, transparent); }
.ee-sp-pane { container-type: inline-size; }
@container (max-width: 620px) {
}
/* Program yapısı (Ayarlar › Kurum): örnek satırı, fark tablosu, İleri düzey, engel cümlesi ve döküm (sayı | ad). */
.ee-ps-extra { grid-column: 1 / -1; min-width: 0; container-type: inline-size; }
.ee-sp-example { font-size: 12.5px; color: var(--ee-text-2); }
.ee-sp-example b { font-weight: 600; color: var(--ee-text); }
.ee-sp-example[hidden] { display: none; }
.ee-sp-fold > summary { list-style: none; }
.ee-sp-fold > summary::-webkit-details-marker { display: none; }
.ee-sp-fold > summary > .ki-down { font-size: 14px; transition: transform .15s; }
.ee-sp-fold[open] > summary > .ki-down { transform: rotate(180deg); }
.ee-ps-diff { margin-top: 6px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); }
.ee-ps-diff .ee-table td.ee-ps-inst, .ee-ps-diff .ee-table th.ee-ps-inst { width: 56px; white-space: nowrap; color: var(--ee-text-2); }
.ee-ps-diff .ee-table .ee-ps-col { width: 190px; }
.ee-ps-diff .ee-table .ee-ps-col.is-sel { background: var(--ee-primary-soft); }
.ee-ps-diff .ee-table th.ee-ps-col.is-sel { color: var(--ee-primary); }
.ee-ps-diff .ee-table td.ee-ps-col.is-sel { font-weight: 600; }
.ee-ps-diff .ee-sub { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-ps-tbd { font-weight: 600; color: var(--ee-warn); }
@container (max-width: 760px) {
    .ee-ps-diff { max-height: none; border: 0; border-radius: 0; }
    .ee-ps-diff .ee-table thead { display: none; }
    .ee-ps-diff .ee-table, .ee-ps-diff .ee-table tbody { display: block; width: 100%; }
    .ee-ps-diff .ee-table tr { display: grid; grid-template-columns: max-content minmax(0, 1fr); column-gap: 8px; padding: 6px 0; border-bottom: 1px solid var(--ee-border); }
    .ee-ps-diff .ee-table td { display: block; border: 0; padding: 1px 0; }
    .ee-ps-diff .ee-table td.ee-ps-inst, .ee-ps-diff .ee-table .ee-ps-col { width: auto; }
    .ee-ps-diff .ee-table td.ee-ps-col { grid-column: 1 / -1; }
    .ee-ps-diff .ee-sub { display: inline; }
    .ee-ps-diff .ee-sub::before { content: " · "; }
    .ee-ps-diff .ee-table td.ee-ps-col::before { content: attr(data-l); display: inline-block; min-width: 96px; font-size: 12px; font-weight: 600; color: var(--ee-text-3, var(--ee-text-2)); }
    .ee-ps-diff .ee-table td.ee-ps-col.is-sel { background: none; color: var(--ee-primary); }
}
.ee-sp-blocked { font-size: 13px; color: var(--ee-text); }
.ee-sp-counts { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 4px 12px; max-width: 560px; margin: 6px 0 2px; font-size: 13px; }
.ee-sp-counts > b { font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.ee-sp-counts > span { color: var(--ee-text-2); }
.btn.ee-btn-danger-outline { color: var(--ee-bad); border-color: color-mix(in srgb, var(--ee-bad) 45%, var(--ee-border-strong)); }
.btn.ee-btn-danger-outline:hover { background: var(--ee-bad-soft); color: var(--ee-bad); }
/* Kurulum şeridi (2026-10-28 akıllı şerit; taslak Kurulum-Yonlendirme-Taslak › Ölçü sözleşmesi): başlığın altında; liste şeridin içinde açılır. */
.ee-setup-ribbon { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 18px; margin-bottom: 14px; padding: 9px 14px; border: 1px solid var(--ee-border); border-left: 4px solid var(--ee-primary); border-radius: 12px; background: var(--ee-surface); container-type: inline-size; }
.ee-setup-ribbon-step { display: inline-flex; align-items: center; gap: 10px; font-size: 13.5px; font-weight: 700; white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-setup-ribbon .ee-progress { width: 96px; height: 6px; border: 0; }
.ee-setup-ribbon-next { flex: 1 1 260px; min-width: 0; font-size: 13px; color: var(--ee-text-2); }
.ee-setup-ribbon-next b { font-weight: 600; color: var(--ee-text); }
.ee-setup-ribbon-lack { color: var(--ee-text); }
.ee-setup-ribbon-was { display: inline-flex; align-items: center; gap: 4px; margin-right: 8px; font-weight: 600; color: var(--ee-ok); }
.ee-setup-ribbon-was > i, .ee-setup-ribbon-ok > i { font-size: 15px; color: inherit; }
.ee-setup-ribbon-acts { display: inline-flex; align-items: center; gap: 14px; margin-left: auto; }
.ee-setup-ribbon-all { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; white-space: nowrap; }
.ee-setup-ribbon-all > i { font-size: 12px; color: inherit; transition: transform .15s; }
.ee-setup-ribbon-all[aria-expanded=true] > i { transform: rotate(180deg); }
.ee-setup-ribbon.is-done { border-left-color: var(--ee-ok); }
.ee-setup-ribbon.is-done .ee-progress > span { background: var(--ee-ok); }
.ee-setup-ribbon.is-done .ee-setup-ribbon-next { color: var(--ee-text); }
.ee-setup-ribbon-ok { display: inline-flex; align-items: center; gap: 6px; font-weight: 700; color: var(--ee-ok); }
.ee-setup-ribbon-check { order: 8; flex: 1 1 100%; display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ee-text-2); }
.ee-setup-ribbon-check > i { font-size: 15px; color: var(--ee-warn); }
.ee-setup-ribbon-list { order: 9; flex: 1 1 100%; margin: 0 -14px -9px; padding: 2px 14px 6px; border-top: 1px solid var(--ee-border); }
.ee-setup-ribbon-list > ol { list-style: none; margin: 0; padding: 0; }
.ee-setup-step { display: grid; grid-template-columns: 22px 200px minmax(0, 1fr); column-gap: 12px; align-items: start; padding: 7px 0; border-top: 1px solid var(--ee-border); }
.ee-setup-step:first-child { border-top: 0; }
.ee-setup-step-n { display: grid; place-items: center; width: 22px; height: 22px; margin-top: 4px; border-radius: 50%; font-size: 11.5px; font-weight: 700; font-variant-numeric: tabular-nums; background: var(--ee-surface-2); color: var(--ee-text-3); border: 1px solid var(--ee-border); }
.ee-setup-step-n > i { font-size: 13px; color: inherit; }
.ee-setup-step.is-done .ee-setup-step-n { background: var(--ee-ok-soft); color: var(--ee-ok); border-color: transparent; }
.ee-setup-step.is-miss .ee-setup-step-n { background: var(--ee-warn-soft); color: var(--ee-warn); border-color: transparent; }
.ee-setup-step-t { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; min-height: 30px; font-size: 13.5px; font-weight: 600; }
.ee-setup-step.is-done .ee-setup-step-t { font-weight: 500; color: var(--ee-text-2); }
.ee-setup-step-d { display: grid; min-width: 0; }
.ee-setup-lack { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 30px; font-size: 13px; }
.ee-setup-lack > span { min-width: 0; }
.ee-setup-lack > a { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; white-space: nowrap; }
.ee-setup-lack > a > i { font-size: 12px; color: inherit; }
.ee-setup-lack.is-muted { color: var(--ee-text-3); }
.ee-setup-lack.is-ok { color: var(--ee-text-2); }
.ee-setup-lack.is-ok > span::before { content: "¹3"; margin-right: 6px; color: var(--ee-ok); font-weight: 700; }
.ee-setup-step.is-done .ee-setup-lack { color: var(--ee-text-2); }
@container (max-width: 620px) {
    .ee-setup-step { grid-template-columns: 22px minmax(0, 1fr); }
    .ee-setup-step-d { grid-column: 2; }
    .ee-setup-step.is-done .ee-setup-step-d { margin-top: -4px; }
    .ee-setup-ribbon-next { flex-basis: 100%; order: 2; }
    .ee-setup-ribbon-acts { order: 3; margin-left: 0; width: 100%; justify-content: space-between; }
}
/* Kurulum önerisi (Kurum kimliği › alan adı: web sitesinden) */
.ee-sp-suggest b { font-weight: 600; color: var(--ee-text); }
/* Metin, uzun metin, renk ve logo satırları (AY-4): metin kutusu değere göre (size), uzun metin satırın altında tam genişlik. */
.ee-sp-value.is-long { font-weight: 400; white-space: pre-line; }
/* Giriş standardı (2026-10-28): uzun metin sınırlı yükseklikte + sayaç; sayının solunda 0'ın anlamı; çok değerli satır çiplerle. */
.ee-sp-longwrap { display: flex; flex-direction: column; gap: 4px; width: 100%; }
/* Çip satırı: kutu başlığın altında (yan yana iken çipler sütunu genişletip başlığı eziyordu). */
/* Uzun kapsamlı kural satırı: değer sütununda, kapsam solda, değer sağında; uzun değer (formül, yayın şartı) satır kırar. */
.ee-sp-long[rows="3"] { min-height: 5.2em; }
.ee-sp-long { max-height: 22em; }
.ee-sp-counter { align-self: flex-end; font-size: 12px; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-sp-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; width: min(440px, 100%); min-height: 38px; padding: 4px 6px;
    background: var(--ee-surface); border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); cursor: text; }
.ee-sp-chips:focus-within { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-sp-chips.is-static { width: auto; min-height: 0; padding: 0; border: 0; background: none; cursor: default; justify-content: flex-end; }
.ee-sp-chip-list { display: contents; }
.ee-sp-chip { display: inline-flex; align-items: center; gap: 2px; max-width: 100%; padding: 2px 4px 2px 9px; font-size: 13px; font-weight: 500;
    color: var(--ee-text); background: var(--ee-surface-2); border: 1px solid var(--ee-border); border-radius: 999px; }
.ee-sp-chips.is-static .ee-sp-chip { padding-right: 9px; }
.ee-sp-chip > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-sp-chip.is-bad { color: var(--ee-bad); background: var(--ee-bad-soft); border-color: var(--ee-bad); }
.ee-sp-chip-x { display: inline-grid; place-items: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: none;
    color: var(--ee-text-2); cursor: pointer; font-size: 11px; }
.ee-sp-chip-x:hover, .ee-sp-chip-x:focus-visible { background: var(--ee-border); color: var(--ee-text); }
.ee-sp-chip-input { flex: 1 1 120px; min-width: 120px; height: 28px; padding: 0 4px; border: 0; outline: 0; background: none; font: inherit; font-size: 13.5px; color: var(--ee-text); }
.ee-sp-row.is-error .ee-sp-chips, .ee-sp-row.is-error .ee-sp-control .ee-input { border-color: var(--ee-bad); }
.ee-sp-error[hidden] { display: none; }
.ee-sp-color { display: inline-flex; align-items: center; gap: 8px; }
.ee-sp-color > [data-sp-color-reset] { order: -1; }   /* "Varsayılana dön" yardımcı işlem: kutunun solunda */
/* Logo: kutu + Değiştir sağ çizgide, biçim notu altında sağa yaslı. */
.ee-sp-control .ee-logo-row { justify-content: flex-end; }
.ee-sp-control .ee-logo-row > .ee-muted { flex: 1 1 100%; text-align: right; }
.ee-sp-color-pick { width: 38px; height: 34px; padding: 2px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); cursor: pointer; }
.ee-sp-assist-state.is-ok { color: var(--ee-ok); }
.ee-sp-assist-state.is-bad { color: var(--ee-bad); }
.ee-sp-title a { color: inherit; text-decoration: none; }
.ee-sp-title a:hover { color: var(--ee-primary); text-decoration: underline; }
.ee-sp-bar .ee-form-bar-state { order: 2; }
.ee-sp-bar .ee-form-bar-undo { order: 2; }
/* ── Ayar sayfası standardı (EKRAN-STANDARDI §15; ADR 30 §4.8; RK-3a). Ölçüler taslak Ayarlar-Harita-Taslak/NOTLAR.md › Ölçü sözleşmesi. ── */
.ee-sp-grid { display: grid; grid-template-columns: 232px minmax(0, 1fr); align-items: start; }
.ee-sp-panes { min-width: 0; padding: 2px 16px 14px; }
/* Değer çizgisi (§15-5): ad sütunu clamp(200, 34%, 330) + aralık 16; değer sütunu kalan genişlik, sağ kenarı satırın dolgusunda (12). */
.ee-sp-pane { --ee-sp-name: clamp(200px, 42%, 380px); }
/* Başlık düzeyleri (§15-2): konu 18/700 + alt çizgi · bölüm 16/700 · grup kabının şeridi 15/700. Büyük harfli etiket yalnız haritada. */
.ee-sp-pane-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 14px 0 12px; border-bottom: 1px solid var(--ee-border); }
.ee-sp-pane-head h2 { margin: 0 auto 0 0; font-size: 18px; font-weight: 700; line-height: 1.3; color: var(--ee-text); }
.ee-sp-part { display: block; margin-top: 28px; }
.ee-sp-pane-head + .ee-sp-part, .ee-sp-pane-head + .ee-sp-box { margin-top: 16px; }
.ee-sp-env { display: flex; align-items: center; gap: 6px; margin: 16px 0 0; padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); font-size: 13px; font-weight: 600; color: var(--ee-text); }
.ee-sp-env > i { font-size: 15px; color: var(--ee-warn); }
.ee-sp-env + .ee-sp-part, .ee-sp-env + .ee-sp-box { margin-top: 16px; }
.ee-sp-part-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; min-height: 30px; margin-bottom: 10px; }
.ee-sp-part-head h3 { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; color: var(--ee-text); }
/* Grup kabı (§15-3): satırlar her zaman kapta; satırlar arası 1px çizgi, kaplar arası 16; şerit --ee-group-head. */
.ee-sp-box { display: block; background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); }
.ee-sp-box + .ee-sp-box, .ee-sp-box + .ee-sp-part, .ee-sp-part + .ee-sp-box { margin-top: 16px; }
.ee-sp-box-head { display: flex; align-items: center; gap: 8px; min-height: 42px; padding: 9px 12px; background: var(--ee-group-head);
    border-bottom: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm) var(--ee-radius-sm) 0 0; }
.ee-sp-box-head h3, .ee-sp-box-head h4 { margin: 0; font-size: 15px; font-weight: 700; line-height: 1.3; color: var(--ee-text); }
.ee-sp-rows > .ee-sp-row + .ee-sp-row { border-top: 1px solid var(--ee-border); }
/* Kaptaki satırların ortak cümlesi (hepsinde aynıysa bir kez, kabın başında; 12.5 ikincil). */
.ee-sp-box-desc { margin: 0; padding: 10px 12px; font-size: 12.5px; line-height: 1.45; color: var(--ee-text-2); border-bottom: 1px solid var(--ee-border); }
.ee-sp-rows > .ee-sp-row[hidden] + .ee-sp-row { border-top: 0; }
.ee-sp-rows > .ee-sp-row.is-sub { border-top-color: transparent; }
.ee-sp-rows > .ee-sp-row.is-sub::after { content: ""; position: absolute; top: -1px; left: 34px; right: 0; border-top: 1px solid var(--ee-border); }
/* Kapalı bölüm (tür başına boyut, İleri düzey): bölüm düzeyi başlık + açma oku, yanında "Tümünü standarda döndür". */
.ee-sp-fold > summary { list-style: none; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 0; cursor: pointer; color: var(--ee-text); }
.ee-sp-fold > summary::-webkit-details-marker { display: none; }
.ee-sp-fold > summary > .ki-down { font-size: 14px; color: var(--ee-text-2); transition: transform .15s; }
.ee-sp-fold[open] > summary > .ki-down { transform: rotate(180deg); }
.ee-sp-fold[open] > summary { margin-bottom: 10px; }
.ee-sp-reset-all { margin-left: 16px; font-size: 12.5px; font-weight: 600; }
.ee-sp-fold.is-more > summary { margin: 4px 0 0; font-size: 13px; font-weight: 600; color: var(--ee-primary); }
.ee-sp-fold.is-more[open] > summary { margin-bottom: 4px; }
.ee-sp-fold.is-advanced { margin-top: 28px; padding-top: 0; border-top: 0; }
.ee-sp-fold.is-advanced > summary { min-height: 30px; font-size: 16px; font-weight: 700; letter-spacing: 0; text-transform: none; color: var(--ee-text); }
/* Ayar kabı (§15-3, 15-5; kullanıcı 2026-10-29: ad dar sütuna sıkışmaz, birim kutunun içinde): satır kendi ızgarası ad (kalan bütün genişlik) |
   denetim (doğal genişlik), aralık 16. Denetimin sağ kenarı satırın sağ dolgusunda (12) — kaptan kaba, alt satırda da aynı çizgi; birim
   sütunu yok. Yüksek denetim sabit genişlikte (--ee-sp-wide; metin kutusunun uzun basamağı ve açılırın üst sınırıyla aynı). Kurallar kabı
   (ee-rt) taslak ızgarasında: ad clamp(200, 34%, 330) + 16 | Değer 1fr | işlem auto, satırlar alt ızgara. */
.ee-sp-pane { --ee-sp-wide: min(360px, 48cqi); --ee-sp-num-w: 112px; }
.ee-sp-rows, .ee-sp-box.ee-sp-rows { display: block; }
/* Bütün satırları kapalı alt ayar olan grup (Kurum dizininde kişi bulma) başlığıyla birlikte görünmez (§15-10). */
.ee-sp-box[data-sp-section]:has(.ee-sp-row):not(:has(.ee-sp-row:not([hidden]))) { display: none; }
.ee-sp-rows.ee-rt { display: grid; grid-template-columns: calc(var(--ee-sp-name, clamp(200px, 42%, 380px)) + 16px) minmax(0, 1fr) auto; }
/* Ayar satırı (§15-4): ad solda | değer grubu sağda, dolgu 12; ad + denetim üstte, cümle · durum · hata altta tam genişlik. */
/* Ad sütununun en az genişliği (U52): geniş denetim + yardımcı düğme ("YÖKSİS'ten Doldur") adı harf harf kırmasın; denetim kısalır. */
.ee-sp-row { position: relative; display: grid; grid-template-columns: minmax(168px, 1fr) auto; column-gap: 16px;
    align-items: center; padding: 12px;
    scroll-margin-top: calc(var(--ee-appbar-h, 0px) + 20px); }
/* Satır hover'ı liste satırıyla aynı; kabın köşesindeki satırda zemin köşeden taşmaz (kap açılır listeleri kırpmasın diye overflow yok). */
.ee-sp-row:hover { background: var(--ee-surface-2); }
.ee-sp-rows > .ee-sp-row:hover:not(:has(~ .ee-sp-row:not([hidden]))) { border-radius: 0 0 calc(var(--ee-radius-sm) - 1px) calc(var(--ee-radius-sm) - 1px); }
:is(.ee-sp-box > .ee-sp-rows:first-child, .ee-sp-box.ee-sp-rows) > .ee-sp-row:hover:not(.ee-sp-row:not([hidden]) ~ *, .ee-sp-box-desc ~ *, .ee-rt-headrow ~ *) { border-top-left-radius: calc(var(--ee-radius-sm) - 1px); border-top-right-radius: calc(var(--ee-radius-sm) - 1px); }
.ee-rt > .ee-sp-row { grid-template-columns: subgrid; grid-column: 1 / -1; column-gap: 0; }
.ee-sp-row:has(> .ee-sp-control.is-below) { grid-template-columns: minmax(0, 1fr) var(--ee-sp-wide); }
.ee-sp-row > .ee-sp-title { grid-column: 1; grid-row: 1; }
.ee-rt > .ee-sp-row > :is(.ee-sp-title, .ee-sp-desc, .ee-sp-status, .ee-sp-error) { padding-right: 16px; }
.ee-sp-row > .ee-sp-control { grid-column: 2; grid-row: 1; }
.ee-sp-row > .ee-sp-desc, .ee-sp-row > .ee-sp-status, .ee-sp-row > .ee-sp-error, .ee-sp-row > .ee-source, .ee-sp-row > .ee-sp-blocked,
.ee-sp-row > .ee-ps-extra { grid-column: 1 / -1; }
/* Yüksek denetim (uzun metin, çip, logo, sıralı makam; uzun kural değeri): değer sütununda ad satırında, ad üste yaslı; cümle ve durum
   yine altta tam genişlik. */
.ee-sp-row > .ee-sp-control.is-below { grid-row: 1 / span 4; align-self: start; }
.ee-sp-row:has(> .ee-sp-control.is-below) > .ee-sp-title { align-self: start; }
/* Yüksek denetim ad sütununda cümle · durum · hatayı kendi altına alır (adın hemen altı); denetim sağda 4 sırayı kapsar, son sıra (1fr)
   fazla yüksekliği alır, böylece ad–cümle–durum arası açılmaz. Kural satırı (tek ya da çok değerli) aynı biçimde: cümle değer sütununa taşmaz;
   işlem sütunu sağa yaslı, Değiştir her satırda en sağda. */
@container (min-width: 561px) {
    .ee-sp-row:has(> .ee-sp-control.is-below), .ee-sp-row.is-rule { grid-template-rows: auto auto auto 1fr; }
    .ee-sp-row:has(> .ee-sp-control.is-below) > :is(.ee-sp-desc, .ee-sp-status, .ee-sp-error),
    .ee-sp-row.is-rule > :is(.ee-sp-desc, .ee-sp-status, .ee-sp-error) { grid-column: 1; align-self: start; }
}
/* Ad (14 yarı kalın) ve ⓘ satır içi (K12): ad kırılırsa ⓘ son sözcüğün yanında kalır, sütunun kenarına kaçmaz. */
.ee-sp-title { display: block; font-weight: 600; font-size: 14px; line-height: 1.35; color: var(--ee-text); overflow-wrap: anywhere; }
.ee-sp-title > .ee-infomark { margin-left: 2px; }
.ee-sp-row.is-below .ee-sp-title { padding-top: 5px; }
.ee-sp-row.is-changed .ee-sp-title::after { content: ""; display: inline-block; width: 7px; height: 7px; margin-left: 6px; border-radius: 50%; background: var(--ee-warn); vertical-align: 2px; }
.ee-sp-desc { margin-top: 1px; font-size: 12.5px; line-height: 1.45; color: var(--ee-text-2); }
/* Bağımlı alt ayar (§15-10): ad, cümle ve durum 22 içeride (denetim değer çizgisinde kalır), adın solunda bağ çizgisi; üstündeki çizgi de 22 içeriden. */
.ee-sp-row.is-sub > .ee-sp-title, .ee-sp-row.is-sub > .ee-sp-desc, .ee-sp-row.is-sub > .ee-sp-status,
.ee-sp-row.is-sub > .ee-sp-error { position: relative; padding-left: 22px; }
.ee-sp-row.is-sub > .ee-sp-title::before { content: ""; position: absolute; left: 6px; top: 9px; width: 8px; height: 11px; border-left: 1.5px solid var(--ee-border-strong);
    border-bottom: 1.5px solid var(--ee-border-strong); border-bottom-left-radius: 3px; }
.ee-sp-row.is-sub.is-below > .ee-sp-title::before { top: 7px; }
/* Değer sütunu (§15-5, 15-8): değer grubu (.ee-sp-val) sağa yaslı; soldan sağa yardımcı işlem · Doğru · denetim, aralık 8, denetimin sağ kenarı
   kabın değer çizgisinde; birim bu çizginin sağında kabın birim sütununda (satırda birim yoksa boş). Düğmeler alt alta düşmez, yer daralınca denetim kısalır. */
.ee-sp-control { display: flex; align-items: center; justify-content: flex-end; min-width: 0; }
.ee-sp-val { display: flex; align-items: center; justify-content: flex-end; gap: 8px; min-width: 0; flex: 1 1 auto; flex-wrap: nowrap; }
.ee-sp-val > .btn { flex: none; white-space: nowrap; }
.ee-sp-control-in { display: flex; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0; flex: 0 1 auto; }
.ee-sp-slot { font-size: 13.5px; line-height: 1.3; color: var(--ee-text-2); white-space: nowrap; text-align: right; }
/* "Kontrol edin" (U6): satırda yalnız küçük ⚠ (Doğru'nun solunda); neden başlıktaki sayının ⓘ'sinde. */
.ee-sp-flag { display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; font-size: 16px; color: var(--ee-warn); cursor: help; }
.ee-sp-flag > i { color: inherit; }
/* Anahtarın "Açık/Kapalı" metni değişince kutu yerinden oynamasın: sütun iki metnin uzununa göre ayrılır. */
.ee-sp-slot[data-on][data-off]::after { content: attr(data-on) "\A" attr(data-off); display: block; height: 0; overflow: hidden; visibility: hidden; white-space: pre; }
.ee-sp-control.is-below > .ee-sp-val { align-items: flex-start; flex-wrap: wrap; row-gap: 8px; }
.ee-sp-control.is-below .ee-sp-control-in { flex: 1 1 100%; flex-wrap: wrap; }   /* yüksek denetim sütunu doldurur (genişliği kendi sınırında); ⚠ · Doğru varsa denetimin üstünde, sağ çizgide */
.ee-sp-blocked { margin-top: 4px; }
.ee-sp-number { padding-left: 8px; padding-right: 8px; text-align: right; font-variant-numeric: tabular-nums; -moz-appearance: textfield; appearance: textfield; }
.ee-sp-number::-webkit-outer-spin-button, .ee-sp-number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ee-sp-number { flex: none; width: 8ch; }
/* Sayı kutusu (U5): birim kutunun içinde sağda silik ek ("8 karakter", "7 gün içinde"); kutu değere göre: tek genişlik 112 (3 hane + "karakter"),
   daha uzun ekte ("saatte (0–23)") sola doğru büyür, sağ kenarı yine çizgide; sayı ekin hemen solunda sağa hizalı. Çerçeve ve odak halkası kutuda; birime tıklamak sayıya odaklanır (label). */
.ee-sp-num { display: inline-flex; align-items: center; flex: none; min-width: var(--ee-sp-num-w); height: 34px; margin: 0; border: 1px solid var(--ee-border-strong);
    border-radius: var(--ee-radius-sm); background: var(--ee-surface); cursor: text; }
.ee-sp-num:focus-within { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
/* Tek çerçeve: kapsüllü kutuda vurgu dış kapsülde (:focus-within); içteki alanda kenar, çizgi ve halka yok (genel :focus-visible halkası !important). */
:is(.ee-sp-num, .ee-rw-box, .ee-sp-chips, .ee-pwbox) input:is(:focus, :focus-visible) { border-color: transparent; outline: 0; box-shadow: none !important; }
.ee-sp-control .ee-sp-num > .ee-sp-number { flex: 1 0 auto; width: 5ch; min-width: 0; height: 32px; min-height: 0; padding: 0 6px 0 8px; border: 0;
    border-radius: var(--ee-radius-sm); background: transparent; box-shadow: none; }
.ee-sp-unit { flex: none; padding-right: 10px; font-size: 12.5px; color: var(--ee-text-2); white-space: nowrap; pointer-events: none; }
.ee-sp-row.is-error .ee-sp-num { border-color: var(--ee-bad); }
.ee-sp-select { width: auto; min-width: 13ch; max-width: min(360px, 100%); }
.ee-sp-control .ee-input:not(textarea) { height: 34px; min-height: 34px; padding-top: 4px; padding-bottom: 4px; font-size: 13.5px; }
.ee-sp-text { width: 260px; max-width: 100%; }
.ee-sp-text.is-s { width: 160px; } .ee-sp-text.is-l { width: 360px; }
.ee-sp-color .ee-sp-text { width: 100px; }
/* Şifre satırı (ADR 30 K14-3): Değiştir · Temizle · Vazgeç denetimin solunda (§15-8), aralık 8; durum ya da kutu sağ çizgide. */
.ee-sp-secret { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
.ee-sp-secret > .ee-sp-value { white-space: nowrap; }
.ee-sp-secret > [hidden] { display: none; }
.ee-sp-value.is-muted { font-weight: 500; color: var(--ee-text-2); }
/* Konu başlığı (taslak RK-T2): "⚠ N değer girilmedi" (kırmızı) · "N değer kontrol bekliyor ⓘ · Hepsi doğru" (amber; tek bilgi işareti, nedenleri ⓘ gösterir), 12.5/600. */
.ee-sp-check-all { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px; font-size: 12.5px; font-weight: 600; color: var(--ee-warn); }
.ee-sp-check-all > i { font-size: 15px; color: inherit; }
.ee-sp-check-all.is-bad { color: var(--ee-bad); }
.ee-sp-check-all > .ee-infomark { width: 18px; height: 18px; font-size: 15px; }
.ee-sp-check-all > .ee-btn-link { font-size: 12.5px; font-weight: 600; }
/* Durum satırı (§15-6): 12px, öğeler arası 12, en çok iki öğe (betik üçüncüyü gizler); uyarı ⚠ ile, hâl renkli noktayla. */
.ee-sp-status { display: flex; flex-wrap: wrap; align-items: center; gap: 3px 12px; margin-top: 4px; font-size: 12px; line-height: 1.45; }
.ee-sp-status.is-empty:not(:has(> .ee-sp-assist-state:not([hidden]))) { display: none; }
.ee-sp-si { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; color: var(--ee-text-2); }
.ee-sp-si > i { font-size: 14px; color: inherit; }
.ee-sp-si[hidden], .ee-sp-si.is-over { display: none; }
.ee-sp-si.is-bad { color: var(--ee-bad); }
.ee-sp-si.is-warn { color: var(--ee-warn); }
.ee-sp-si.is-info { color: var(--ee-info); }
.ee-sp-si.is-meaning { font-weight: 500; }
/* Enstitü fark notu (U34): başlık + satır satır "enstitü · değer · tür"; kendi satırında durur. */
.ee-sp-si.ee-sp-diffnote { display: flex; flex-direction: column; align-items: flex-start; flex-basis: 100%; gap: 2px; }
.ee-sp-diffline { font-weight: 500; padding-left: 10px; }
.ee-sp-std { display: inline; font-weight: 500; }
.ee-sp-std > span { font-weight: 500; }
.ee-sp-std b { font-weight: 600; color: var(--ee-text); }
.ee-sp-std .ee-btn-link, .ee-sp-suggest .ee-btn-link { font-size: 12px; font-weight: 600; }
.ee-sp-suggest { font-weight: 500; }
.ee-sp-suggest b { font-weight: 600; color: var(--ee-text); }
.ee-sp-assist-state { font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-sp-assist-state.is-ok { color: var(--ee-ok); }
.ee-sp-assist-state.is-bad { color: var(--ee-bad); }
.ee-sp-row > .ee-source { max-width: 680px; margin-top: 4px; }
/* Yüksek denetim: değer sütununda; çip ve makam ≤ 440, uzun metin ≤ 620 (sütundan geniş olamaz). */
.ee-sp-long { width: min(620px, 100%); min-height: 74px; resize: vertical; }
.ee-sp-longwrap { width: min(620px, 100%); }
/* Çok satırlı metin, uzunluğuna göre (satır türünden gelir, ayar başına yama yok): kısa (adres, duyuru; üst sınır ≤ 300) değer sütununda, sütun
   genişletilmiş (520); uzun (taahhüt, aydınlatma metni) ad ve cümlenin altında satırın tam genişliğinde. Yeniden boyutlandırma yalnız dikey. */
.ee-sp-row.is-long:not(.is-block) { --ee-sp-wide: min(520px, 62cqi); }
.ee-sp-row.is-block:has(> .ee-sp-control.is-below) { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; }
.ee-sp-row.is-block > .ee-sp-control.is-below { grid-column: 1 / -1; grid-row: auto; margin-top: 8px; }
.ee-sp-row.is-block:has(> .ee-sp-control.is-below) { grid-template-columns: minmax(0, 1fr) auto; }
.ee-sp-row.is-block:has(> .ee-sp-control.is-below) > :is(.ee-sp-desc, .ee-sp-status, .ee-sp-error) { grid-column: 1 / -1; }
.ee-sp-row.is-block > .ee-sp-acts { grid-column: 2; grid-row: 1; display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding-left: 16px; white-space: nowrap; }
.ee-sp-row.is-block > .ee-sp-acts:empty { display: none; }
.ee-sp-row.is-block.is-sub > .ee-sp-control.is-below { padding-left: 22px; }
.ee-sp-row.is-block.is-below .ee-sp-title { padding-top: 0; }
.ee-sp-row.is-block .ee-sp-longwrap, .ee-sp-row.is-block .ee-sp-long { width: 100%; max-width: none; }
.ee-sp-long { max-width: 100%; }
/* Kaydet şeridi (§15-11): son kabın 16 altında; değişiklik yokken yerinde ve gölgesiz, varken yapışık. */
.ee-sp-bar { margin-top: 16px; }
.ee-sp-bar:not(.ee-dirty) { position: static; box-shadow: none; }
.ee-sp-bar:not(.ee-dirty) .ee-sp-note { display: none; }
.ee-sp-note { order: 3; flex: 1 1 100%; font-size: 13px; }
.ee-sp-note > summary { cursor: pointer; color: var(--ee-text-2); }
/* Adres satırları (_LinkListField; sosyal medya): kutu + Ekle, simgeli satır, adres soluk, ✕ (ön sayfa v2 §3.5). */
.ee-linklist { display: grid; gap: 8px; width: 100%; max-width: 480px; }
.ee-linklist-add { display: flex; gap: 8px; align-items: center; }
.ee-linklist-add > .ee-input { flex: 1; min-width: 0; }
.ee-linklist-full { flex: none; color: var(--ee-text-3); font-size: 12.5px; white-space: nowrap; }
.ee-linklist-full[hidden] { display: none; }
.ee-linklist-rows { display: grid; gap: 6px; }
.ee-linklist-rows:empty { display: none; }
.ee-linklist-row { display: flex; align-items: center; gap: 10px; min-height: 38px; padding: 2px 4px 2px 10px; border: 1px solid var(--ee-border);
    border-radius: 8px; font-size: 13.5px; }
.ee-linklist-name { flex: none; min-width: 72px; font-weight: 600; }
.ee-linklist-url { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--ee-text-3); font-size: 12.5px; }
.ee-sp-note .ee-input { margin-top: 6px; max-width: 520px; }
.ee-sp-bar:not(.ee-dirty) [type=submit]:disabled { opacity: .55; }
/* Kurulum eksiği: satırda şerit yok, durum satırında "Girilmedi" (§15-6/1); şeritten gelinince satır vurgulanır. */
.ee-sp-row.is-highlight { animation: ee-sp-hl 2.6s ease-out; }
@keyframes ee-sp-hl { 0%, 55% { background: var(--ee-primary-soft); } 100% { background: transparent; } }
/* Haritanın grup girdisinden gelinen kap (H1): kısa süre birincil halka; üst çubuğun altında durur. */
.ee-sp-box, .ee-sp-part { scroll-margin-top: calc(var(--ee-appbar-h, 0px) + 16px); }
.ee-sp-box.is-highlight { animation: ee-sp-grp-hl 2.6s ease-out; }
/* Bölüm kabı (Teknik › Bakım…) kenarlıksız: halka içeriğe yapışmasın, kabın dışında yuvarlak durur (kutuyla aynı renk/süre). */
.ee-sp-part.is-highlight { position: relative; }
.ee-sp-part.is-highlight::after { content: ""; position: absolute; inset: -8px; border-radius: calc(var(--ee-radius-sm) + 6px); pointer-events: none; animation: ee-sp-grp-hl 2.6s ease-out; }
@keyframes ee-sp-grp-hl { 0%, 55% { box-shadow: 0 0 0 3px color-mix(in srgb, var(--ee-primary) 30%, transparent); } 100% { box-shadow: none; } }
/* Dar ekran (< 820): harita üstte açılır liste (ızgara tanımından sonra durmalı, yoksa iki sütun kalır). */
@media (max-width: 820px) {
    .ee-sp-grid { grid-template-columns: minmax(0, 1fr); }
    .ee-sp-nav { padding: 12px; border-right: 0; border-bottom: 1px solid var(--ee-border); }
    .ee-sp-nav-in { position: static; max-height: none; }
    .ee-sp-heads, .ee-sp-key { display: none; }
    .ee-sp-search input { height: 40px; }
    .ee-sp-hsel { display: block; height: 40px; }
    /* Alt başlık seçimi üst çubuğun altına yapışık (kapsayıcısı bölme). */
    .ee-sp-subsel { display: block; position: sticky; top: var(--ee-appbar-h, 0px); z-index: 15; margin: 0 -12px; padding: 8px 12px; background: var(--ee-surface); border-bottom: 1px solid var(--ee-border); }
    .ee-sp-subsel .ee-input { width: 100%; height: 40px; }
    .ee-sp-panes [id^="grup-"] { scroll-margin-top: calc(var(--ee-appbar-h, 0px) + 72px); }
    .ee-sp-hsel[hidden] { display: none; }
    .ee-sp-panes { padding: 0 12px 8px; }
}
/* Dar çerçeve (bölme < 560): tek sütun — ad, cümle, durum, sonra değer grubu (sola yaslı, alt ayarda 22 içeride), hata; birim kutunun yanında. */
@container (max-width: 560px) {
    .ee-sp-rows, .ee-sp-box.ee-sp-rows, .ee-sp-rows.ee-rt { display: block; }
    .ee-sp-rows > .ee-sp-row, .ee-sp-rows > .ee-sp-row:has(> .ee-sp-control.is-below) { display: grid; grid-template-columns: minmax(0, 1fr); }
    .ee-sp-row > .ee-sp-title { padding-right: 0; }
    .ee-sp-control { gap: 8px; justify-content: flex-start; }
    .ee-sp-val, .ee-sp-control-in { flex: 0 1 auto; justify-content: flex-start; }
    .ee-sp-control, .ee-sp-val { min-width: 0; max-width: 100%; }
    .ee-sp-val { flex-wrap: wrap; }
    .ee-sp-control-in { flex-wrap: wrap; max-width: 100%; }
    .ee-sp-control-in > *, .ps-roles__item, .ps-roles__name { min-width: 0; max-width: 100%; }
    .ee-sp-control.is-below .ee-sp-control-in:has(> .ps-roles), .ee-sp-control-in > .ps-roles { flex: 1 1 100%; }
    .ee-sp-row > .ee-sp-title, .ee-sp-row > .ee-sp-control, .ee-sp-row > .ee-sp-control.is-below { grid-column: 1; grid-row: auto; }
    .ee-sp-row.is-block > .ee-sp-acts { grid-column: 1; grid-row: auto; order: 0; justify-content: flex-start; margin-top: 6px; padding-left: 0; flex-wrap: wrap; }
    .ee-sp-row > .ee-sp-title { order: 0; } .ee-sp-row > .ee-sp-desc { order: 1; } .ee-sp-row > .ee-sp-status { order: 2; }
    .ee-sp-row > .ee-source { order: 3; } .ee-sp-row > .ee-sp-control { order: 4; margin-top: 8px; } .ee-sp-row > .ee-sp-error { order: 5; }
    .ee-sp-row > .ee-sp-blocked, .ee-sp-row > .ee-ps-extra { order: 6; }
    .ee-sp-row.is-sub > .ee-sp-control { padding-left: 22px; }
    .ee-sp-val:has(.ee-sp-longwrap), .ee-sp-control-in:has(> .ee-sp-longwrap) { flex: 1 1 100%; }
    .ee-sp-long, .ee-sp-longwrap { width: 100%; }
}

/* ── Kurallar tablosu (ADR 30 K3; RK-3): kabın ızgarası ayar satırıyla aynı — ad | Değer (1fr, sola yaslı; ayar satırının değer çizgisinde
   başlar) | işlem (Doğru + Değiştir yan yana, aralık 6). "Kural · Değer" başlık satırı 12/600. Değer ızgarası (K3): değer sütunu sabit genişlik,
   türler bütün satırlarda tek dikey çizgide; değer 13.5/600 sayısal hizalı, türler 12.5 ikincil; uzun değer (formül metni, ölçüt) iki sütunu kaplar;
   başlık 12/600, altındaki değerler 10 içeride 2px çizgili; giriş dönemi aralığı türlerin hizasında 12 (K6); enstitünün kendi değeri birincil renk;
   zorunlu "Girilmedi" kırmızı. Etki cümlesi ve notlar altta tam genişlik. ── */
.ee-rt-headrow { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; padding: 8px 12px 7px; font-size: 12px; font-weight: 600;
    color: var(--ee-text-2); border-bottom: 1px solid var(--ee-border); }
.ee-rt-headrow > span:first-child { padding-right: 16px; }
.ee-sp-row.is-rule { align-items: start; }
.ee-sp-row.is-rule > .ee-sp-title { padding-top: 2px; }
.ee-sp-row.is-rule > .ee-rt-vals { grid-column: 2; grid-row: 1 / span 4; min-width: 0; display: grid; grid-template-columns: var(--ee-rt-val, 7em) minmax(0, 1fr); column-gap: 12px; row-gap: 3px; align-content: start; padding-top: 2px; }
.ee-sp-row.is-rule > .ee-rt-acts { grid-column: 3; grid-row: 1; display: flex; align-items: center; justify-content: flex-end; gap: 6px; padding-left: 16px; white-space: nowrap; }
.ee-sp-row.is-rule > .ee-rt-acts:empty { padding-left: 0; }
.ee-rt-line { display: grid; grid-template-columns: subgrid; grid-column: 1 / -1; column-gap: 12px; align-items: baseline; line-height: 1.45; }
.ee-rt-line > b { grid-column: 1; font-size: 13.5px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }
.ee-rt-line > span { grid-column: 2; font-size: 12.5px; font-weight: 500; color: var(--ee-text-2); }
.ee-rt-line > b:only-child, .ee-rt-line.is-long > b { grid-column: 1 / -1; white-space: normal; }
.ee-rt-line.is-long > span, .ee-rt-line > .ee-rt-ol ~ span { grid-column: 1 / -1; }
.ee-rt-line.is-range > b { grid-column: 1 / -1; font-size: 12px; font-weight: 500; color: var(--ee-text-2); white-space: normal; }
.ee-rt-line.is-under > b { padding-left: 10px; border-left: 2px solid var(--ee-border); }
.ee-rt-range { grid-column: 2; font-size: 12px; line-height: 1.4; color: var(--ee-text-2); }
.ee-rt-ol { grid-column: 1 / -1; margin: 0; padding-left: 20px; font-size: 13.5px; font-weight: 600; }
.ee-rt-ol > li { line-height: 1.5; }
.ee-rt-for { margin-left: 8px; font-size: 12.5px; font-weight: 500; color: var(--ee-text-2); }
.ee-rw-sub { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-rtbl { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 2px 16px; font-size: 13px; font-variant-numeric: tabular-nums; }
.ee-rtbl > div { display: flex; justify-content: space-between; gap: 8px; }
.ee-rtbl > div > span { color: var(--ee-text-2); }
.ee-kime-list { margin: 0; padding: 0; list-style: none; }
ol.ee-kime-list { padding-left: 20px; list-style: decimal; }
.ee-rt-line.is-own > b { color: var(--ee-primary); }
.ee-rt-line.is-missing > b, .ee-rt-line.is-off > b { color: var(--ee-text-2); }
.ee-rt-line.is-bad > b { color: var(--ee-bad); }
.ee-rt-head { grid-column: 1 / -1; margin-top: 4px; font-size: 12px; font-weight: 600; color: var(--ee-text); }
.ee-rt-head:first-child { margin-top: 0; }
.ee-rt-line[hidden], .ee-rt-head[hidden], .ee-sp-box[hidden] { display: none; }
.ee-rt-filter { display: inline-flex; align-items: center; gap: 8px; margin: 0 0 0 auto; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-rt-filter .ee-input { width: auto; max-width: 200px; height: 30px; min-height: 30px; padding: 0 28px 0 10px; font-size: 13px; font-weight: 600; line-height: 28px; }
@container (max-width: 560px) {
    .ee-rt-headrow { display: none; }
    .ee-sp-rows > .ee-sp-row.is-rule { grid-template-columns: minmax(0, 1fr) auto; }
    .ee-sp-row.is-rule > .ee-sp-title { grid-column: 1; grid-row: 1; order: 0; }
    .ee-sp-row.is-rule > .ee-rt-acts { grid-column: 2; grid-row: 1; padding-left: 8px; }
    .ee-sp-row.is-rule > .ee-rt-vals { grid-column: 1 / -1; grid-row: 2; margin-top: 6px; }
    .ee-sp-row.is-rule > .ee-sp-desc, .ee-sp-row.is-rule > .ee-sp-status, .ee-sp-row.is-rule > .ee-sp-error { grid-column: 1 / -1; grid-row: auto; }
    .ee-rt-filter { margin-left: 0; }
}

/* ── ee-option-select (ADR 30 §4.8-1 Choice / ChoiceMany; ee-option-select.js). Kapalı: kutu 34, en az 13ch, en çok 360, taşan metin "…";
   açık: alana yapışık liste, en az max(kutu, 300), en çok 460 × 360 (içinde kayar); seçenek ad 13.5/600 + etki cümlesi 12.5, seçili ✓. ── */
.ee-osel { position: relative; display: inline-flex; min-width: 0; max-width: min(360px, 100%); }
.ee-osel-box { display: inline-flex; align-items: center; gap: 8px; height: 34px; min-width: 13ch; max-width: 100%; padding: 0 8px 0 11px;
    border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text);
    font: inherit; font-size: 13.5px; font-weight: 500; text-align: left; cursor: pointer; }
.ee-osel-box:hover { border-color: color-mix(in srgb, var(--ee-primary) 45%, var(--ee-border-strong)); }
.ee-osel-box:focus-visible, .ee-osel.is-open .ee-osel-box { outline: 0; border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-osel-box:disabled { background: var(--ee-surface-2); color: var(--ee-text-3); cursor: default; }
.ee-osel-text { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-osel-text.is-muted { color: var(--ee-text-2); }
/* Ok açıkken anında ters döner (Mesaj-Duzeltme P3, A4): dönüş geçişi yarıda kalınca (arka plan sekmede ya da yavaş karede) ok yana bakıp
   "‹" gibi görünüyordu; geçiş yok. */
.ee-osel-box > .ki-down { flex: none; font-size: 14px; color: var(--ee-text-2); }
.ee-osel.is-open .ee-osel-box > .ki-down { transform: rotate(180deg); }
.ee-sp-row.is-error .ee-osel-box { border-color: var(--ee-bad); }
.ee-osel-list { position: fixed; z-index: 1080; max-width: min(460px, calc(100vw - 16px)); max-height: min(360px, calc(100vh - 24px)); overflow: auto;
    overscroll-behavior: contain; padding: 4px; background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: 10px; box-shadow: var(--ee-raised-shadow, var(--ee-shadow)); }
.ee-osel-list[hidden] { display: none; }
.ee-osel-opt { display: grid; grid-template-columns: minmax(0, 1fr) 18px; column-gap: 12px; row-gap: 1px; align-items: center; padding: 8px 10px;
    border-radius: 7px; color: var(--ee-text); cursor: pointer; user-select: none; }
.ee-osel-opt > b { grid-column: 1; font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.ee-osel-opt > small { grid-column: 1; font-size: 12.5px; line-height: 1.4; color: var(--ee-text-2); }
.ee-osel-opt > .ee-osel-check { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 16px; height: 16px; color: var(--ee-primary); visibility: hidden; }
.ee-osel-opt > .ee-osel-check > i { font-size: 15px; color: inherit; }
.ee-osel-opt[aria-selected=true] > .ee-osel-check { visibility: visible; }
.ee-osel-opt[aria-selected=true] > b { color: var(--ee-primary); }
.ee-osel-opt:hover, .ee-osel-opt.is-active { background: var(--ee-surface-2); }
.ee-osel-sep { height: 1px; margin: 3px 6px; background: var(--ee-border); }
/* Arama ve Önerilen (Mesaj-Duzeltme P2): arama kutusu listenin üstünde yapışık, başlık küçük ikincil yazı, sonuç yoksa tek satır. */
.ee-osel-q { position: sticky; top: -4px; z-index: 1; display: flex; align-items: center; margin: -4px -4px 4px; padding: 6px; background: var(--ee-surface);
    border-bottom: 1px solid var(--ee-border); }
.ee-osel-q > i { position: absolute; left: 16px; font-size: 15px; color: var(--ee-text-2); pointer-events: none; }
.ee-osel-q > input { width: 100%; height: 32px; padding-left: 32px; }
.ee-osel-head { padding: 6px 10px 2px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-osel-empty { padding: 10px; font-size: 13px; color: var(--ee-text-2); }
.ee-osel-opt[hidden], .ee-osel-head[hidden], .ee-osel-sep[hidden], .ee-osel-empty[hidden] { display: none; }
/* Çoklu kip: onay kutusu solda. */
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt { grid-template-columns: 18px minmax(0, 1fr); }
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt > b, .ee-osel-list[aria-multiselectable=true] .ee-osel-opt > small { grid-column: 2; }
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt > .ee-osel-check { grid-column: 1; align-self: start; margin-top: 2px; visibility: visible;
    border: 1.5px solid var(--ee-border-strong); border-radius: 4px; color: transparent; }
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt[aria-selected=true] > .ee-osel-check { background: var(--ee-primary); border-color: var(--ee-primary); color: var(--ee-on-primary); }
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt[aria-selected=true] > b { color: var(--ee-text); }
.ee-osel-list[aria-multiselectable=true] .ee-osel-opt > .ee-osel-check > i { font-size: 12px; }

/* Yerleştirme (Adım 4C-2; YR-1 ölçü sözleşmesi §1–4): durum şeridi (5 aşama), sıradaki iş satırı, aşamaya göre sütunlu program listesi, başlıkta aday
   araması (öneri listesi alanın altında), önizlemeli Yerleştirmeyi yap penceresi, Liste penceresinde hücre başlıkları. */
.ee-pl-search { position: relative; width: 280px; max-width: 100%; }
.ee-pl-search .ee-field { margin: 0; }
/* Kapsayıcı şeridin kendisi değil kart gövdesi: sorgu şeridin sütun sayısını da değiştirebilsin (kendi kapsayıcısını biçimleyemez). */
.ee-card-body:has(> .ee-pl-steps) { container-type: inline-size; }
.ee-pl-steps { display: grid; grid-template-columns: repeat(var(--ee-pl-n, 5), minmax(0, 1fr)); margin: 0; padding: 0; list-style: none; }
.ee-pl-steps.is-4 { --ee-pl-n: 4; }
.ee-pl-steps > li { display: flex; flex-direction: column; min-width: 0; padding: 14px 16px; }
.ee-pl-steps > li:first-child { padding-left: 20px; }
.ee-pl-steps > li + li { border-left: 1px solid var(--ee-border); }
.ee-pl-step-l { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-pl-dot { flex: none; display: inline-grid; place-items: center; width: 20px; height: 20px; border: 1.5px solid var(--ee-border-strong); border-radius: 50%; font-size: 11px; font-weight: 700; line-height: 1; }
.ee-pl-dot > i { font-size: 12px; }
.ee-pl-steps > li.is-done .ee-pl-dot { border-color: var(--ee-ok); background: var(--ee-ok-soft); color: var(--ee-ok); }
.ee-pl-steps > li.is-current .ee-pl-dot { border-color: var(--ee-primary); background: var(--ee-primary); color: var(--ee-on-primary); }
.ee-pl-steps > li.is-current .ee-pl-step-l { color: var(--ee-primary); }
.ee-pl-steps > li.is-warn .ee-pl-dot { border-color: var(--ee-warn); color: var(--ee-warn); }
.ee-pl-steps > li.is-warn .ee-pl-step-l { color: var(--ee-warn); }
.ee-pl-step-v { margin-top: 6px; font-size: var(--ee-fs-base); font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.ee-pl-step-s { margin-top: 2px; font-size: 12.5px; color: var(--ee-text-3); overflow-wrap: anywhere; }
.ee-pl-step-s.is-warn { color: var(--ee-warn); font-weight: 600; }
.ee-pl-reasoned { text-decoration: underline dotted; text-underline-offset: 3px; cursor: help; }
@container (max-width: 859.98px) {
    .ee-pl-steps { grid-template-columns: minmax(0, 1fr); }
    .ee-pl-steps > li { display: grid; grid-template-columns: 170px minmax(0, 1fr); column-gap: 12px; padding: 9px 16px; }
    .ee-pl-steps > li:first-child { padding-left: 16px; }
    .ee-pl-steps > li + li { border-left: 0; border-top: 1px solid var(--ee-border); }
    .ee-pl-step-l { grid-row: span 2; align-self: start; }
    .ee-pl-step-v { margin-top: 0; }
}
@container (max-width: 459.98px) { .ee-pl-steps > li { grid-template-columns: 128px minmax(0, 1fr); } }
@supports not (container-type: inline-size) {
    @media (max-width: 1099.98px) { .ee-pl-steps { grid-template-columns: minmax(0, 1fr); } .ee-pl-steps > li + li { border-left: 0; border-top: 1px solid var(--ee-border); } }
}
.ee-pl-next { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 12px 20px; border-top: 1px solid var(--ee-border); background: var(--ee-surface-2); }
.ee-pl-next:first-child { border-top: 0; }
.ee-pl-say { display: flex; align-items: flex-start; gap: 8px; flex: 1 1 320px; min-width: 0; margin: 0; font-size: 13.5px; }
.ee-pl-say > i, .ee-pl-say > .ee-infomark-lead { flex: none; margin-top: 2px; font-size: 16px; color: var(--ee-text-2); }
.ee-pl-next.is-warn .ee-pl-say > i, .ee-pl-next.is-warn .ee-pl-say > .ee-infomark-lead { color: var(--ee-warn); }
.ee-pl-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.ee-pl-list .ee-pl-c-prog { min-width: 240px; }
.ee-pl-list .ee-pl-c-n { width: 72px; }
.ee-pl-list .ee-pl-c-quota { width: 96px; }
.ee-pl-list .ee-pl-c-enr { width: 88px; }
.ee-pl-list .ee-pl-c-st { width: 150px; }
.ee-pl-list .ee-pl-c-acts { width: 112px; }
.ee-pl-list .ee-pl-c-n, .ee-pl-list .ee-pl-c-quota, .ee-pl-list .ee-pl-c-enr { font-variant-numeric: tabular-nums; }
.ee-pl-list-hazirlik table { min-width: 640px; }
.ee-pl-list-yapildi table { min-width: 860px; }
.ee-pl-list-ilan table { min-width: 940px; }
@media (max-width: 639.98px) {
    .ee-pl-list table { min-width: 0; }
    .ee-pl-list thead { display: none; }
    .ee-pl-list tbody > tr[data-pl-row]:not([hidden]) { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 14px; padding: 10px 12px; border-bottom: 1px solid var(--ee-border); }
    .ee-pl-list tbody > tr[data-pl-row] > td { display: block; width: auto; border: 0; padding: 0; text-align: left; }
    .ee-pl-list .ee-pl-c-prog { order: 0; flex: 1 1 60%; min-width: 0; }
    .ee-pl-list .ee-pl-c-acts { order: 1; margin-left: auto; text-align: right; }
    .ee-pl-list tbody > tr[data-pl-row] > td.ee-pl-c-acts:not(:has(a, button)) { display: none; }
    .ee-pl-list tr:not(:has(.ee-pl-c-acts :is(a, button))) > .ee-pl-c-prog { flex-basis: 100%; }
    .ee-pl-list td[data-l] { order: 2; font-size: 13px; }
    .ee-pl-list td[data-l]::before { content: attr(data-l) " "; color: var(--ee-text-2); }
    .ee-pl-list .ee-pl-c-st { order: 3; flex-basis: 100%; }
    .ee-pl-list .ee-pl-c-st:has(> .text-muted) { display: none; }
}
@media (max-width: 575.98px) {
    .ee-page-record .ee-page-actions:has(> .ee-pl-search) { flex: 1 1 100%; min-width: 0; }
    .ee-pl-search { width: 100%; }
    .ee-pl-acts { width: 100%; }
    .ee-pl-acts > .btn { flex: 1 1 0; min-width: 0; overflow-wrap: anywhere; }
}
/* Yerleştirmeyi yap / Yeniden yap penceresi (YR-1 §4): min(900, 100vw − 24); bölüm başlığı küçük büyük harf; Sonuç tablosu sayıları 120 ve farkı;
   Dikkat tablosu gruplu, uyarı satırında sol çizgi; Değişecek sonuçlar; gerekçe min(640, %100). */
[data-pl-run-modal] .modal-dialog { max-width: min(900px, calc(100vw - 24px)); }
.ee-pl-pv .ee-modal-body { padding-top: 4px; gap: 0; }
.ee-pl-pv-sec { padding-top: 12px; }
.ee-pl-pv-sec + .ee-pl-pv-sec, form + .ee-pl-pv-sec { margin-top: 12px; border-top: 1px solid var(--ee-border); }
.ee-pl-pv-sec > h3 { margin: 0 0 8px; font-size: 12px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--ee-text-2); }
.ee-pl-pv-count { margin-left: 6px; font-size: 12.5px; font-weight: 400; letter-spacing: 0; text-transform: none; }
.ee-pl-pv-res td:not(:first-child), .ee-pl-pv-res th:not(:first-child) { width: 120px; font-variant-numeric: tabular-nums; }
.ee-pl-pv-diff { display: block; font-size: 12px; font-weight: 600; }
.ee-pl-pv-diff.is-up { color: var(--ee-ok); }
.ee-pl-pv-diff.is-down { color: var(--ee-bad); }
.ee-pl-pv-note { margin: 6px 0 0; font-size: 12.5px; color: var(--ee-text-2); }
.ee-pl-pv-reason .ee-field { max-width: min(640px, 100%); margin: 0; }
/* Yedek turu penceresi: EYK ve kayıt aralığı satırları aynı sütunlarda, tarih etiketi öbür etiketlerle aynı boyda. */
.ee-pl-round-fields { display: grid; grid-template-columns: 200px 180px; gap: var(--ee-space-3) var(--ee-space-4); margin-bottom: var(--ee-space-3); }
.ee-pl-round-fields > .ee-field { margin: 0; min-width: 0; }
.ee-pl-round-fields .ee-date-heading > label { font-size: inherit; }
@media (max-width: 575px) { .ee-pl-round-fields { grid-template-columns: minmax(0, 1fr); } }
.ee-pl-pv-reason textarea { min-height: 84px; }
.ee-pl-pv-list .ee-pl-pv-c-prog { width: 42%; }
.ee-pl-pv-list .ee-pl-pv-c-out { width: 130px; }
.ee-pl-pv-list tr.ee-pl-pv-group > td { padding: 5px 10px; font-size: 12px; font-weight: 700; background: var(--ee-surface-2); }
.ee-pl-pv-list tr.is-warn > td:first-child { box-shadow: inset 3px 0 0 var(--ee-warn); }
.ee-pl-pv-c-out .ee-sub { margin-top: 2px; font-size: 12px; }
.ee-modal-foot-note.ee-pl-pv-fix { color: var(--ee-bad); font-weight: 600; }
@media (max-width: 575.98px) {
    .ee-pl-pv-list table { min-width: 0; }
    .ee-pl-pv-list thead { display: none; }
    .ee-pl-pv-list tbody > tr { display: block; padding: 6px 0; border-bottom: 1px solid var(--ee-border); }
    .ee-pl-pv-list tbody > tr > td { display: block; width: auto; border: 0; padding: 2px 10px; }
    .ee-pl-pv-list td[data-l]::before { content: attr(data-l) ": "; color: var(--ee-text-2); }
}
.ee-pl-hits { position: fixed; z-index: 1200; margin: 0; padding: var(--ee-space-1) 0; list-style: none; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); box-shadow: var(--ee-shadow); }
.ee-pl-hits > li { display: flex; flex-direction: column; padding: 6px var(--ee-space-3); }
.ee-pl-hits > li[role=option] { cursor: pointer; }
.ee-pl-hits > li[role=option]:hover, .ee-pl-hits > li[aria-selected=true] { background: var(--ee-primary-soft); }
.ee-pl-hit-none { font-size: var(--ee-fs-sm); }
.ee-pl-warnings { margin: var(--ee-space-2) 0; padding: 0; list-style: none; }
.ee-pl-warnings:not(:has(> li:not([hidden]))) { display: none; }
.ee-pl-warnings > li + li { margin-top: var(--ee-space-1); }
/* ---------- Program sıralı listesi (YR-2 sade; taslak Yerlestirme-Sade-Taslak, ölçü sözleşmesi §1–3) ----------
   Sayfa en çok 1100, sola hizalı; kartlar arası 14. Kontenjan kartı: tablo içeriği kadar (tür 280, sayılar 84, en düşük asıl puanı 156; hücre
   8 14), altında Sıralama satırı (zemin surface-2, iç 10 14). Liste kartı: arama min(360, %100) + sağda aday sayısı; tek tablo, sabit düzen
   (Sıra 48 · Aday 220 · Tercih 56 · puanlar 64 · Genel başarı notu 88 · Sonuç kalan · Kesin kayıt 152 · İşlem 48; en az 788 / sınavsız 724,
   ilandan sonra 940 / 876 — 1280 pencerede kaymaz; dar kapta kart içinde kayar), bölüm satırı 13/700, ilk yedeğin üstünde 2px ayraç. < 640: tür blok, satır kart. */
.ee-pl-prog { display: flex; flex-direction: column; gap: 14px; max-width: 1100px; }
.ee-pl-prog > .ee-page-head, .ee-pl-prog > .ee-alert, .ee-pl-prog > .ee-card { margin: 0; }
.ee-pl-prog-nav { display: flex; flex-wrap: wrap; gap: 8px; }
.ee-pl-drift-say { margin: 2px 0 0; }
.ee-pl-drift { margin: 4px 0 0; padding-left: 18px; }
.ee-pl-drift > li + li { margin-top: 2px; }
.ee-pl-quota table { width: auto; }
.ee-pl-quota th, .ee-pl-quota td { padding: 8px 14px; }
.ee-pl-quota th { font-size: 12.5px; font-weight: 700; }
.ee-pl-quota .ee-pl-q-type { width: 280px; min-width: 220px; }
.ee-pl-quota th.ee-num, .ee-pl-quota td.ee-num { width: 84px; font-variant-numeric: tabular-nums; }
.ee-pl-quota th.ee-pl-q-low, .ee-pl-quota td.ee-pl-q-low { width: 156px; }
.ee-pl-quota tbody tr:hover { background: none; }
.ee-pl-quota tbody tr:last-child td { border-bottom: 0; }
.ee-pl-q-none { margin-left: 8px; font-size: 13px; color: var(--ee-text-3); }
.ee-pl-q-zero { color: var(--ee-text-3); }
.ee-pl-q-total > td { font-weight: 700; }
.ee-pl-rline { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; padding: 10px 14px; border-top: 1px solid var(--ee-border); background: var(--ee-surface-2); font-size: 13.5px; }
.ee-pl-rline:first-child { border-top: 0; }
.ee-pl-rline-l { font-size: 12.5px; font-weight: 600; color: var(--ee-text-3); }
.ee-pl-ptools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 16px; padding: 12px 14px; }
.ee-pl-psearch { width: min(360px, 100%); }
.ee-pl-psearch .ee-field { margin: 0; }
.ee-pl-pcount { margin-left: auto; font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-pl-lempty { margin: 0; padding: 14px; font-size: 13.5px; color: var(--ee-text-2); }
.ee-pl-ptools ~ .ee-pl-lempty { border-top: 1px solid var(--ee-border); }
.ee-pl-rt table { table-layout: fixed; min-width: 788px; }
.ee-pl-rt.is-noexam table { min-width: 724px; }
.ee-pl-rt.is-ann table { min-width: 940px; }
.ee-pl-rt.is-ann.is-noexam table { min-width: 876px; }
.ee-pl-rt.is-file table { min-width: 852px; }
.ee-pl-rt.is-file.is-noexam table { min-width: 788px; }
.ee-pl-rt.is-ann.is-file table { min-width: 952px; }
.ee-pl-rt.is-ann.is-file.is-noexam table { min-width: 888px; }
.ee-pl-rt.is-noales table { min-width: 724px; }
.ee-pl-rt.is-noales.is-noexam table { min-width: 660px; }
.ee-pl-rt.is-noales.is-ann table { min-width: 876px; }
.ee-pl-rt.is-noales.is-ann.is-noexam table { min-width: 812px; }
.ee-pl-rt.is-noales.is-file table { min-width: 788px; }
.ee-pl-rt.is-noales.is-file.is-noexam table { min-width: 724px; }
.ee-pl-rt.is-noales.is-ann.is-file table { min-width: 888px; }
.ee-pl-rt.is-noales.is-ann.is-file.is-noexam table { min-width: 824px; }
.ee-pl-rt th, .ee-pl-rt td { padding: 9px 12px; }
.ee-pl-rt th { font-size: 12.5px; font-weight: 700; white-space: normal; vertical-align: bottom; }
.ee-pl-rt th.ee-pl-k-wrap { padding-left: 8px; padding-right: 8px; }
.ee-pl-c-rank { width: 48px; }
.ee-pl-c-cand { width: 220px; }
.ee-pl-c-pref { width: 56px; }
.ee-pl-c-s { width: 64px; }
.ee-pl-c-gbn { width: 88px; }
.ee-pl-c-kk { width: 152px; }
.ee-pl-c-act { width: 48px; }
.ee-pl-rt.is-ann.is-file .ee-pl-c-cand { width: 168px; }
.ee-pl-rt td.ee-num { font-variant-numeric: tabular-nums; }
.ee-pl-rt td.ee-pl-k-rank { color: var(--ee-text-2); }
.ee-pl-rt td.ee-pl-k-gbn { font-weight: 700; }
.ee-pl-nm { display: block; font-weight: 600; overflow-wrap: anywhere; }
.ee-pl-rt .ee-pl-k-cand > .ee-sub { font-size: 12.5px; color: var(--ee-text-3); }
.ee-pl-rt tr.ee-tr-group th { padding: 7px 12px; font-size: 13px; font-weight: 700; text-transform: none; letter-spacing: 0; color: var(--ee-text); }
.ee-pl-rt tr.ee-pl-fy > td { border-top: 2px solid var(--ee-border-strong); }
.ee-pl-mline { display: none; }
.ee-pl-res { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 2px 8px; }
.ee-pl-res .ee-status { white-space: normal; }
.ee-pl-note { font-size: 12.5px; color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-status.ee-pl-note { padding: 0; border: 0; border-radius: 0; background: none; font-weight: 400; line-height: inherit; text-decoration: underline dotted; text-underline-offset: 3px; }
.ee-pl-sno { display: inline-flex; align-items: center; gap: 4px; font-weight: 600; }
.ee-pl-k-kk > .ee-pl-note { display: block; color: var(--ee-text-3); }
.ee-pl-wait { font-size: 13px; color: var(--ee-text-3); }
.ee-pl-z { color: var(--ee-text-3); }
@media (max-width: 639.98px) {
    .ee-pl-quota thead { display: none; }
    .ee-pl-quota table, .ee-pl-quota tbody { display: block; width: 100%; }
    .ee-pl-quota tbody > tr { display: flex; flex-wrap: wrap; gap: 2px 14px; padding: 8px 14px; border-bottom: 1px solid var(--ee-border); }
    .ee-pl-quota tbody > tr > td { display: block; width: auto; padding: 0; border: 0; text-align: left; }
    .ee-pl-quota tbody > tr > td.ee-pl-q-type { flex: 1 0 100%; width: auto; min-width: 0; font-weight: 600; }
    .ee-pl-quota td[data-l]::before { content: attr(data-l) " "; font-size: 12.5px; font-weight: 400; color: var(--ee-text-3); }
    .ee-pl-quota td:empty { display: none; }
    .ee-pl-rt table, .ee-pl-rt.is-noexam table, .ee-pl-rt.is-ann table, .ee-pl-rt.is-ann.is-noexam table, .ee-pl-rt.is-file table,
    .ee-pl-rt.is-file.is-noexam table, .ee-pl-rt.is-ann.is-file table, .ee-pl-rt.is-ann.is-file.is-noexam table,
    .ee-pl-rt.is-noales table, .ee-pl-rt.is-noales.is-file table, .ee-pl-rt.is-noales.is-ann table, .ee-pl-rt.is-noales.is-ann.is-file table, .ee-pl-rt.is-noales.is-noexam table, .ee-pl-rt.is-noales.is-file.is-noexam table, .ee-pl-rt.is-noales.is-ann.is-noexam table, .ee-pl-rt.is-noales.is-ann.is-file.is-noexam table { min-width: 0; table-layout: auto; }
    .ee-pl-rt colgroup, .ee-pl-rt thead { display: none; }
    .ee-pl-rt tbody > tr[data-pl-cand]:not([hidden]) { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 4px 10px; padding: 10px 12px; border-bottom: 1px solid var(--ee-border); }
    .ee-pl-rt tbody > tr.ee-pl-fy { border-top: 2px solid var(--ee-border-strong); }
    .ee-pl-rt tbody > tr[data-pl-cand] > td { display: block; width: auto; min-width: 0; border: 0; padding: 0; text-align: left; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-pref, .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-s { display: none; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-gbn { text-align: right; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-res { grid-column: 1 / 3; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-act { grid-column: 3; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-kk { grid-column: 1 / -1; }
    .ee-pl-rt tbody > tr[data-pl-cand] > td.ee-pl-k-kk:empty { display: none; }
    .ee-pl-rt tbody > tr.ee-tr-group:not([hidden]) { display: block; }
    .ee-pl-rt tbody > tr.ee-tr-group > th { display: block; }
    .ee-pl-mline { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ee-text-2); }
    .ee-pl-psearch { width: 100%; }
    .ee-pl-pcount { margin-left: 0; }
    .ee-pl-prog-nav { width: 100%; }
    .ee-pl-prog-nav > .btn { flex: 1 1 0; }
}
/* Aday ayrıntısı (YR-2 sade; ölçü sözleşmesi §4): pencere min(720, 100vw − 24); puan satırı (ALES · AGNO; etiket 12.5/600, aralık 28) + tercih
   tablosu (çerçeve 1px, yarıçap 10; Tercih 58 · Program kalan · Giriş sınavı 68 · Genel başarı notu 92 · Sonuç 190). Açıldığı programın satırı
   birincil yumuşak zemin + sol 3px. < 576: satır ızgara [sıra · program · genel başarı notu] / [sonuç · giriş sınavı]. */
@media (min-width: 576px) { .ee-modal.ee-pl-detm .modal-dialog { max-width: min(720px, calc(100vw - 24px)); } }
.ee-pl-det .ee-modal-body { padding-top: 8px; }
.ee-pl-kvr { display: flex; flex-wrap: wrap; gap: 4px 28px; margin: 0 0 12px; }
.ee-pl-kvr > div { display: flex; align-items: baseline; gap: 8px; }
.ee-pl-kvr dt { font-size: 12.5px; font-weight: 600; color: var(--ee-text-3); }
.ee-pl-kvr dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.ee-pl-pt { border: 1px solid var(--ee-border); border-radius: 10px; }
.ee-pl-pt table { table-layout: fixed; min-width: 560px; }
.ee-pl-pt th, .ee-pl-pt td { padding: 8px 10px; }
.ee-pl-pt th { font-size: 12.5px; font-weight: 700; white-space: normal; vertical-align: bottom; }
.ee-pl-pt tbody tr:last-child td { border-bottom: 0; }
.ee-pl-c-o { width: 58px; }
.ee-pl-c-ds { width: 68px; }
.ee-pl-c-dg { width: 92px; }
.ee-pl-c-dr { width: 190px; }
.ee-pl-pt td.ee-num { font-variant-numeric: tabular-nums; }
.ee-pl-pt td.ee-pl-k-dg { font-weight: 700; }
.ee-pl-pn { display: block; font-weight: 600; overflow-wrap: anywhere; }
.ee-pl-pt .ee-sub { font-size: 12.5px; }
.ee-pl-pt tbody tr.is-here, .ee-pl-pt tbody tr.is-here:hover { background: var(--ee-primary-soft); }
.ee-pl-pt tbody tr.is-here > td:first-child { box-shadow: inset 3px 0 0 var(--ee-primary); }
@media (max-width: 575.98px) {
    .ee-pl-pt table { min-width: 0; table-layout: auto; }
    .ee-pl-pt colgroup, .ee-pl-pt thead { display: none; }
    .ee-pl-pt tbody > tr { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto; gap: 2px 10px; padding: 8px 10px; border-bottom: 1px solid var(--ee-border); }
    .ee-pl-pt tbody > tr:last-child { border-bottom: 0; }
    .ee-pl-pt tbody > tr.is-here { box-shadow: inset 3px 0 0 var(--ee-primary); }
    .ee-pl-pt tbody > tr > td { display: block; min-width: 0; padding: 0; border: 0; text-align: left; }
    .ee-pl-pt tbody > tr.is-here > td:first-child { box-shadow: none; }
    .ee-pl-pt td.ee-pl-k-o { grid-area: 1 / 1; }
    .ee-pl-pt td.ee-pl-k-p { grid-area: 1 / 2; }
    .ee-pl-pt td.ee-pl-k-dg { grid-area: 1 / 3; text-align: right; }
    .ee-pl-pt td.ee-pl-k-dr { grid-area: 2 / 1 / 3 / 3; }
    .ee-pl-pt td.ee-pl-k-ds { grid-area: 2 / 3; text-align: right; }
    .ee-pl-pt td.ee-pl-k-ds::before { content: attr(data-l) " "; font-size: 12.5px; color: var(--ee-text-3); }
}
/* Kesin kaydı tamamla (Adım 6A; düzen YR-2, ölçü sözleşmesi §7): özet dl 140 | 1fr, bilgi satırları (nokta 6), uyarılar, gerekçe, etki cümlesi 600. */
.ee-pl-kv { display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 4px 14px; margin: 0 0 var(--ee-space-3); }
.ee-pl-kv > dt { font-size: 13px; font-weight: 600; color: var(--ee-text-2); }
.ee-pl-kv > dd { margin: 0; overflow-wrap: anywhere; }
.ee-pl-notes { margin: 0 0 var(--ee-space-2); padding: 0; list-style: none; font-size: 13.5px; }
.ee-pl-notes > li { position: relative; padding-left: 14px; }
.ee-pl-notes > li::before { content: ""; position: absolute; left: 2px; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--ee-text-3); }
.ee-pl-notes > li + li { margin-top: 2px; }
.ee-pl-impact { margin: var(--ee-space-3) 0 0; font-weight: 600; }
@media (max-width: 575.98px) { .ee-pl-kv { grid-template-columns: minmax(0, 1fr); gap: 0; } .ee-pl-kv > dd + dt { margin-top: 4px; } }
/* Yedek listeden kayıt penceresi (Adım 5B): program başına kayıt hakkı satırı. */
.ee-pl-round-programs { margin: 0 0 var(--ee-space-3); padding-left: var(--ee-space-4); }
.ee-pl-round-programs > li + li { margin-top: 2px; }
/* Aday sonuç sayfası (Adım 5A): tercih başına sonuç satırı. */
.ee-rs-choice + .ee-rs-choice { margin-top: var(--ee-space-4); padding-top: var(--ee-space-4); border-top: 1px solid var(--ee-border); }
.ee-rs-choice > p { margin: var(--ee-space-1) 0 0; }
/* Aday kesin kaydı (Adım 6B): satırdaki durum ve düğme; pencerede taahhüt metni kendi kaydırma alanında (düğmeler görünür kalır). */
.ee-rs-enroll { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-2) var(--ee-space-4); margin-top: var(--ee-space-3); }
.ee-rs-enroll > p { margin: 0; }
.ee-rs-commitment { max-height: 16rem; overflow-y: auto; margin: 0 0 var(--ee-space-4); padding: var(--ee-space-3) var(--ee-space-4);
  border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); white-space: pre-line; }
.ee-rs-checks { display: grid; gap: var(--ee-space-2); }
/* ---------- Dönem sayfası › Durum (BD-2): Şimdi | Sıradaki, aşama kutuları, takvim ---------- */
.ee-pst-now { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
.ee-pst-now > div { padding: var(--ee-space-4); min-width: 0; }
.ee-pst-now > div + div { border-left: 1px solid var(--ee-border); }
.ee-pst-k { margin: 0 0 var(--ee-space-1); font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text-2); }
.ee-pst-v { margin: 0; font-size: var(--ee-fs-lg); font-weight: 650; line-height: 1.35; }
.ee-pst-w { margin: var(--ee-space-1) 0 0; color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
.ee-pst-todo { list-style: none; margin: var(--ee-space-3) 0 0; padding: 0; display: grid; gap: var(--ee-space-2); font-size: var(--ee-fs-sm); }
.ee-pst-todo > li { position: relative; padding-left: 16px; }
.ee-pst-todo > li::before { content: ""; position: absolute; left: 0; top: .5em; width: 8px; height: 8px; border-radius: 50%; background: var(--ee-primary); }
.ee-pst-todo > li.is-warn::before { background: var(--ee-warn); }
.ee-pst-todo > li.is-ok::before { background: var(--ee-ok); }
.ee-pst-go { margin-left: 6px; font-weight: 600; white-space: nowrap; }
.ee-pst-go::after { content: " ›"; }
.ee-pst-stages { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); }
.ee-pst-stage { min-width: 0; padding: var(--ee-space-3); }
.ee-pst-stage + .ee-pst-stage { border-left: 1px solid var(--ee-border); }
.ee-pst-stage.is-out { background: var(--ee-surface-2); }
.ee-pst-stage-title { display: flex; align-items: center; gap: 6px; margin: 0 0 var(--ee-space-2); font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-text-2); }
.ee-pst-n { display: inline-grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--ee-surface-2); font-size: 11px; color: var(--ee-text-2); }
.ee-pst-big { display: inline-block; font-size: var(--ee-fs-h2); font-weight: 650; line-height: 1.15; font-variant-numeric: tabular-nums; text-decoration: none; }
.ee-pst-big.is-zero { color: var(--ee-text-2); font-weight: 500; }
.ee-pst-hint { margin: 2px 0 0; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-pst-lines { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 2px var(--ee-space-2); margin: var(--ee-space-2) 0 0; padding-top: var(--ee-space-2); border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); }
.ee-pst-lines > dt { font-weight: 400; color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-pst-lines > dd { margin: 0; text-align: right; font-variant-numeric: tabular-nums; }
.ee-pst-cal .ee-pst-sym { width: 28px; text-align: center; color: var(--ee-text-2); }
.ee-pst-cal tr.is-done .ee-pst-sym { color: var(--ee-ok); }
.ee-pst-cal tr.is-cur .ee-pst-sym { color: var(--ee-primary); }
.ee-pst-cal tr.is-cur, .ee-pst-cal tr.is-next { background: var(--ee-primary-soft); }
.ee-pst-cal tr.is-done .ee-pst-name { color: var(--ee-text-2); }
.ee-pst-cal .ee-pst-name { font-weight: 600; }
.ee-pst-cal .ee-pst-name .ee-status { margin-left: 6px; }
.ee-pst-cal .ee-pst-when { white-space: nowrap; font-variant-numeric: tabular-nums; }
.ee-pst-when-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-pst-cal .ee-pst-note { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
/* Hazırlıkta Şimdi kartının tam genişliğinde yayın denetimi (ee-check satırları: başlık, açıklama + Git, program listesi) ve Yayımla. */
.ee-pst-checks { padding: 0 var(--ee-space-4) var(--ee-space-4); border-top: 1px solid var(--ee-border); }
.ee-pst-checks .ee-check { gap: 10px; padding: 9px 0; font-size: var(--ee-fs-sm); }
.ee-pst-checks .ee-check > i { font-size: 20px; }
.ee-pst-programs { margin: 2px 0 0; padding-left: 16px; }
.ee-pst-programs > li { padding: 1px 0; }
.ee-pst-publish { display: flex; flex-wrap: wrap; align-items: center; gap: var(--ee-space-3); margin-top: var(--ee-space-2); padding-top: var(--ee-space-3); border-top: 1px solid var(--ee-border); }
.ee-pst-publish-note { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-pst-publish-note.is-bad { color: var(--ee-bad); font-weight: 600; }
.ee-pst-confirm { margin: 0 0 var(--ee-space-3); padding-left: 18px; display: grid; gap: 6px; }
@media (max-width: 991.98px) {
  .ee-pst-stages { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .ee-pst-stage:nth-child(3n+1) { border-left: 0; }
  .ee-pst-stage:nth-child(n+4) { border-top: 1px solid var(--ee-border); }
}
@media (max-width: 575.98px) {
  .ee-pst-now { grid-template-columns: minmax(0, 1fr); }
  .ee-pst-now > div + div { border-left: 0; border-top: 1px solid var(--ee-border); }
  .ee-pst-stages { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ee-pst-stage:nth-child(3n+1) { border-left: 1px solid var(--ee-border); }
  .ee-pst-stage:nth-child(2n+1) { border-left: 0; }
  .ee-pst-stage:nth-child(n+3) { border-top: 1px solid var(--ee-border); }
  .ee-pst-cal .ee-pst-when { white-space: normal; }
}
/* Dönem sayfası › Durum › Programlar kartı (dönem takibi; taslak Ortak/Donem-Takibi-Taslak, ölçü sözleşmesi §2–§4). Sütunlar yüzde, tablo en az 928;
   Program sütunu solda yapışık; şimdiki aşamanın başlığı vurgulu; süresi biten aşamada düz değerler soluk; bağlantılı hücrenin bütün alanı tıklanır.
   Kart ≥ 930: yatay kaydırma yok, başlık satırı üst çubuğun altına yapışık; 640–929: kart içinde yatay kaydırma; < 640: satır kart. */
.ee-pst-cal tr.is-late .ee-pst-sym { color: var(--ee-bad); font-weight: 700; }
.ee-pst-todo > li.is-bad::before { background: var(--ee-bad); }
.ee-pst-progs { container-type: inline-size; }
.ee-pst-prog .ee-table { min-width: 928px; table-layout: fixed; border-collapse: separate; border-spacing: 0; font-size: 14px; }
.ee-pst-prog .ee-pst-c-pg { width: 27%; }
.ee-pst-prog .ee-pst-c-bas { width: 11.5%; }
.ee-pst-prog .ee-pst-c-kon { width: 15.5%; }
.ee-pst-prog .ee-pst-c-sin { width: 17%; }
.ee-pst-prog .ee-pst-c-son { width: 17.5%; }
.ee-pst-prog .ee-pst-c-kay { width: 11.5%; }
.ee-pst-prog th { padding: 9px 12px; font-size: 13px; font-weight: 700; border-bottom: 1px solid var(--ee-border); }
.ee-pst-prog th.is-cur { background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-pst-prog td { height: 46px; padding: 10px 12px; line-height: 1.4; background: var(--ee-surface); }
.ee-pst-prog tbody tr:last-child td { border-bottom: 0; }
.ee-pst-prog tbody tr:hover td { background: var(--ee-surface-2); }
.ee-pst-prog th:first-child, .ee-pst-prog td:first-child { padding-left: 20px; }
.ee-pst-prog th:last-child, .ee-pst-prog td:last-child { padding-right: 20px; }
.ee-pst-prog .ee-pst-bas, .ee-pst-prog .ee-pst-kay { text-align: right; font-variant-numeric: tabular-nums; }
.ee-pst-prog .ee-pst-kon { padding-left: 22px; }
.ee-pst-prog .ee-pst-pg { position: sticky; left: 0; z-index: 2; }
.ee-pst-prog thead .ee-pst-pg { z-index: 4; }
.ee-pst-pn { display: block; font-weight: 600; overflow-wrap: anywhere; }
.ee-pst-ps { display: block; font-size: 13px; color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-pst-prog td.ee-pst-c { position: relative; }
.ee-pst-val.is-muted, .ee-pst-prog .is-past .ee-pst-val { color: var(--ee-text-2); }
.ee-pst-prog .is-dash .ee-pst-val { color: var(--ee-text-3); }
.ee-pst-prog .ee-pst-tag { font-size: 13px; padding: 1px 8px; gap: 5px; }
.ee-pst-prog .ee-pst-tag::before { width: 6px; height: 6px; }
.ee-pst-prog .has-tip { text-decoration: underline dotted; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.ee-pst-val.has-tip { text-decoration-color: var(--ee-text-3); }
.ee-pst-late { display: block; margin-top: 2px; font-size: 13px; font-weight: 600; color: var(--ee-bad); }
.ee-pst-cl { color: inherit; text-decoration: none; }
.ee-pst-cl::after { content: ""; position: absolute; inset: 0; border-radius: 4px; }
.ee-pst-cl:hover { color: inherit; }
.ee-pst-prog td.ee-pst-c:has(.ee-pst-cl:hover) { background: var(--ee-primary-soft); }
.ee-pst-cl:hover .ee-pst-val { text-decoration: underline solid; text-decoration-color: currentColor; }
.ee-pst-cl:hover .ee-pst-tag { box-shadow: inset 0 0 0 1px currentColor; }
.ee-pst-cl:focus-visible { outline: none; box-shadow: none; }
.ee-pst-cl:focus-visible::after { box-shadow: inset 0 0 0 2px var(--ee-primary); }
.ee-pst-nl { border-radius: 4px; }
.ee-pst-nl:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-pst-prog .ee-empty { padding: 24px 20px; }
.ee-pst-prog.is-scrolled .ee-pst-pg { box-shadow: 1px 0 0 var(--ee-border-strong), 6px 0 6px -6px var(--ee-scrim); }
@container (min-width: 930px) {
  .ee-pst-prog.ee-table-wrap { overflow: visible; }
  .ee-pst-prog thead th { position: sticky; top: var(--ee-appbar-h, 0px); z-index: 3; }
  .ee-pst-prog thead th.ee-pst-pg { z-index: 4; }
}
@container (max-width: 639.98px) {
  .ee-pst-progs .ee-filter { padding-left: 16px; padding-right: 16px; }
  .ee-pst-prog .ee-table, .ee-pst-prog tbody { display: block; min-width: 0; }
  .ee-pst-prog colgroup, .ee-pst-prog thead { display: none; }
  .ee-pst-prog tbody tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; padding: 12px 16px; border-bottom: 1px solid var(--ee-border); }
  .ee-pst-prog tbody tr[hidden] { display: none; }
  .ee-pst-prog tbody tr:last-child { border-bottom: 0; }
  .ee-pst-prog tbody td { display: block; height: auto; padding: 0; border: 0; background: none; position: static; text-align: left; }
  .ee-pst-prog tbody tr:hover td { background: none; }
  .ee-pst-prog td.ee-pst-pg { grid-column: 1 / -1; padding-left: 0; }
  .ee-pst-prog td.ee-pst-c { position: relative; padding: 2px 0; text-align: left; }
  .ee-pst-prog td.ee-pst-c.is-empty, .ee-pst-prog td.ee-pst-c.is-dash { display: none; }
  .ee-pst-prog td.ee-pst-c::before { content: attr(data-l); display: block; font-size: 13px; color: var(--ee-text-2); }
  .ee-pst-prog td.ee-pst-c.is-cur::before { color: var(--ee-primary); font-weight: 600; }
  .ee-pst-prog td.ee-pst-c:has(.ee-pst-cl:hover) { background: none; }
  .ee-pst-cl::after { inset: -2px -6px; }
  .ee-pst-prog tbody tr:not([hidden]):has(> td[colspan]) { display: block; }
}
/* Başvuru dönemleri listesi (BD-2): sıradaki tarih iki satır (adım üstte, gün altta sönük); dar ekranda Programlar düşer. */
#mainTable .ee-pd-next { min-width: 150px; }
.ee-pd-next-name { display: block; }
.ee-pd-next-day { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); font-variant-numeric: tabular-nums; }
@media (max-width: 767.98px) { #mainTable .ee-pd-programs { display: none; } }
/* Sınav tipleri listesi (S1): ad kalın, kod yalnız addan farklıysa küçük etiket, diller ve karşılık ipucu soluk alt satır; pasif satır
   soluk; grup başlığının yanında sınav sayısı. */
.ee-tr-group-note { margin-left: var(--ee-space-2); font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--ee-text-3); }
.ee-tr-group-rule { display: block; margin-top: 2px; font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--ee-text-2); }
.ee-et-table .ee-et-name { font-weight: 600; }
.ee-et-table .ee-et-code { display: inline-block; margin-left: 6px; padding: 0 6px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); font-size: var(--ee-fs-sm); color: var(--ee-text-2); white-space: nowrap; vertical-align: 1px; }
.ee-et-table .ee-et-sub { display: block; font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-et-table .ee-et-warn { color: var(--ee-warn); font-weight: 600; }
.ee-et-table .ee-et-na { color: var(--ee-text-3); }
.ee-et-table tr.ee-et-off > td:not(.ee-actions-cell) { color: var(--ee-text-3); }
.ee-et-table tr.ee-et-off .ee-et-name, .ee-et-table tr.ee-et-off .ee-et-sub { color: var(--ee-text-3); }
.ee-et-table .ee-num { font-variant-numeric: tabular-nums; white-space: nowrap; }
/* Sınav tipi kaydı (S2): kilit ve pasif kural satırı tanım satırının hemen altında, düz yardım metni. */
.ee-def-page .ee-def-line { margin: 0; }

/* ---------- Resmî tatiller penceresi (REF-016): yıl kutuları yan yana, alt not, anlık özet ve düşen takvim adımları ---------- */
.ee-hol-nowrap { white-space: nowrap; }
.ee-hol-form .ee-field, .ee-hol-form .ee-fieldset { margin-bottom: 0; }
.ee-hol-years { display: flex; flex-wrap: wrap; gap: var(--ee-space-4); align-items: flex-start; }
.ee-hol-years .ee-field { margin-bottom: 0; width: 8rem; }
.ee-hol-note { margin-top: var(--ee-space-2); font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-hol-pattern-label { font-weight: 600; margin-bottom: 4px; color: var(--ee-text); }   /* bayram tanımında salt gösterilen kalıp */
.ee-hol-preview { display: grid; gap: var(--ee-space-2); padding-top: var(--ee-space-3); border-top: 1px solid var(--ee-border); font-size: var(--ee-fs-sm); }
.ee-hol-preview .ee-bad { color: var(--ee-bad); }
.ee-hol-preview-years:empty { display: none; }
.ee-hol-preview-years > div { display: flex; flex-wrap: wrap; gap: 0 var(--ee-space-2); align-items: baseline; }
.ee-hol-estimated { color: var(--ee-warn); }
.ee-hol-steps { display: grid; gap: 2px; margin: var(--ee-space-1) 0 var(--ee-space-2); }

/* ---------- Hesaba geçiş işareti (PLT-013-R02; Q-911): ayrı şerit yok; geçiş boyunca profil düğmesi amber halka + köşede küçük "geçiş" rozeti +
   "Hesabına geçildi" satırı taşır, açılır üstünde kimin hesabında olunduğu ve "Kendi hesabıma dön" durur. Kullanıcı menüsü (yönetim: Metronic menüsü,
   aday/öğrenci/ön sayfa: _FrontBand açılırı) her düzende en üstte açılır: üst çubuk sayfa içeriğinin (yapışkan başlıklar, z-index ≤ 20) üstünde kalır. ---------- */
.ee-imp-av { position: relative; display: inline-flex; flex: none; border-radius: 50%; }
.ee-imp-on .ee-imp-av { box-shadow: 0 0 0 2px var(--ee-surface), 0 0 0 4px var(--ee-warn); }
.ee-imp-mark { position: absolute; right: -6px; bottom: -6px; display: grid; place-items: center; width: 16px; height: 16px; border-radius: 50%;
    background: var(--ee-warn); color: var(--ee-surface); font-size: 10px; line-height: 1; box-shadow: 0 0 0 2px var(--ee-surface); }
.ee-imp-on { border-color: var(--ee-warn); }
.ee-imp-line, .ee-ouser .ee-oname > small.ee-imp-line { color: var(--ee-warn); font-weight: 700; }
.ee-imp-head { display: grid; gap: 2px; padding: 8px 8px 4px 5px; margin-bottom: 4px; border-left: 3px solid var(--ee-warn); border-radius: 4px 8px 8px 4px;
    background: color-mix(in srgb, var(--ee-warn) 7%, transparent); font-size: 12px; color: var(--ee-text-2); }
.ee-imp-head > b { font-size: 13.5px; color: var(--ee-text); }
.ee-imp-head form { margin: var(--ee-space-1) -5px 0; }
.ee-imp-return { display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 5px; border: 0; border-radius: 6px; background: none; color: var(--ee-warn);
    font: inherit; font-size: 13px; font-weight: 600; text-align: left; cursor: pointer; }
.ee-imp-return > i { font-size: 16px; color: inherit; }
.ee-imp-return:hover, .ee-imp-return:focus-visible { background: color-mix(in srgb, var(--ee-warn) 14%, transparent); outline: 0; }
.menu .ee-imp-return { padding-block: 4px; font-size: inherit; } /* yönetim (Metronic) menüsünde satırlar daha sık */
.ee-opop-user.ee-imp-wide { width: 260px; }

/* "Hesabına geç…" penceresi (kullanıcı menüsü): ~480 px; arama kutusu (büyüteç, yükleniyor göstergesi) → altında öneri listesi (kişi dairesi,
   ad (aranan kısım koyu), soluk görev · birim; en çok ~6 satır görünür, kaydırılır; geçilemeyen soluk + sağda kısa etiket) → seçilince kutunun
   yerine seçili kişi kartı (36 px daire, ad, görev · birim, "Değiştir"). Geçiş alt şeritteki birincil düğmeyle; gönderimde düğmede bekleme. */
@media (min-width: 576px) { .ee-imp-modal .modal-dialog { max-width: 480px; } }
.ee-imp-modal .ee-modal-body { gap: 0; }
.ee-imp-find[hidden], .ee-imp-chosen[hidden], .ee-imp-busy[hidden] { display: none; }
.ee-imp-search { position: relative; display: block; margin: 0; }
.ee-imp-search > i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); font-size: 16px; color: var(--ee-text-2); pointer-events: none; }
.ee-imp-search > .ee-input { width: 100%; padding-left: 38px; padding-right: 36px; }
.ee-imp-search > .ee-input::-webkit-search-cancel-button { display: none; }
.ee-imp-busy { position: absolute; right: 12px; top: 50%; width: 14px; height: 14px; margin-top: -7px; border-width: 2px; color: var(--ee-text-2); }
.ee-imp-list { list-style: none; margin: var(--ee-space-2) 0 0; padding: 4px; max-height: 292px; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); }
.ee-imp-list:empty { display: none; }
.ee-imp-opt { display: flex; align-items: center; gap: 10px; min-height: 46px; padding: 7px 8px; border-radius: 6px; cursor: pointer; }
.ee-imp-opt + .ee-imp-opt { margin-top: 1px; }
.ee-imp-opt:hover, .ee-imp-opt.ee-imp-cur { background: var(--ee-primary-soft); }
.ee-imp-opt-text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; line-height: 1.3; }
.ee-imp-opt-text > strong { font-weight: 500; color: var(--ee-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-imp-opt-text > strong > b { font-weight: 700; }
.ee-imp-opt-text > small { color: var(--ee-text-2); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-imp-opt.ee-imp-off { cursor: default; }
.ee-imp-opt.ee-imp-off > .ee-avatar, .ee-imp-opt.ee-imp-off > .ee-imp-opt-text { opacity: .55; }
.ee-imp-opt.ee-imp-off:hover { background: none; }
.ee-imp-tag { flex: none; padding: 2px 8px; border-radius: 999px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); color: var(--ee-text-2);
    font-size: 11.5px; font-weight: 600; white-space: nowrap; cursor: help; }
.ee-imp-note { margin: var(--ee-space-3) 0 0; padding: 0 2px; color: var(--ee-text-2); font-size: var(--ee-fs-sm); }
.ee-imp-note[hidden] { display: none; }
.ee-imp-chosen { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm);
    background: var(--ee-surface-2); }
.ee-imp-chosen-text { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; line-height: 1.3; }
.ee-imp-chosen-text > strong { font-weight: 600; color: var(--ee-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-imp-chosen-text > small { color: var(--ee-text-2); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-imp-change { flex: none; padding: 4px 8px; border: 0; border-radius: 6px; background: none; color: var(--ee-primary); font: inherit; font-size: 13px; font-weight: 600; cursor: pointer; }
.ee-imp-change:hover { background: var(--ee-primary-soft); }
.ee-imp-change:focus-visible { outline: 0; box-shadow: var(--ee-focus-ring); }
.btn.ee-imp-sending > i { display: none; }
.btn.ee-imp-sending::before { content: ""; width: 14px; height: 14px; margin-right: 6px; border: 2px solid currentColor; border-right-color: transparent; border-radius: 50%;
    animation: spinner-border .75s linear infinite; }

/* Pencere boyları (RK-T2 sözleşmesi): Değiştir orta 660; Geçmiş ve Kime ne geniş 960 (rule-window.js is-wide); Hepsi doğru küçük 440. */
@media (min-width: 576px) {
  [data-rule-window-modal] .modal-dialog { max-width: 660px; }
  [data-rule-window-modal].is-wide .modal-dialog { max-width: min(960px, calc(100vw - 32px)); }
  [data-rule-all-modal] .modal-dialog { max-width: 440px; }
}
/* Değiştir penceresi (ADR 30 K4; RK-2; RK-T2 ölçü sözleşmesi "Değiştir içi"): soru etiketi 14/700, grup satırı 13/700; değer ızgarası Tür 190 · Şu an 104 · Yeni
   değer sabit: kutu her kuralda aynı x'te (U13), yanında YÖK yuvası ve Aranmaz hep aynı yerde (U15); birim kutunun içinde (U5 kalıbı); tek satırlı kuralda
   Tür sütunu yok (U12). Formülde ağırlık ızgarası (U7): bileşen başına 84, satır sonunda toplam. Giriş dönemi seçimi 20ch; Not tam genişlik. */
.ee-rw { display: flex; flex-direction: column; gap: 16px; }
.ee-rw-effect { margin: -4px 0 0; font-size: 13px; color: var(--ee-text-2); }
.ee-rw-q { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ee-rw-qh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px 12px; }
.ee-rw-label { font-size: 14px; font-weight: 700; color: var(--ee-text); }
.ee-rw-opt { font-weight: 400; color: var(--ee-text-2); }
.ee-rw-sd { margin: 0; font-size: 13px; color: var(--ee-text-2); }
.ee-rw-grid { display: grid; grid-template-columns: 190px 104px minmax(0, 1fr); gap: 4px 12px; align-items: center; padding: 6px 0; border-bottom: 1px solid var(--ee-border); font-size: 13.5px; }
.ee-rw-grid.is-one { grid-template-columns: 104px minmax(0, 1fr); }
.ee-rw-grid.is-switch, .ee-rw-grid.is-common { grid-template-columns: 190px minmax(0, 1fr); }
.ee-rw-grid.is-one.is-switch { grid-template-columns: minmax(0, 1fr); }
.ee-rw-grid.is-head { padding: 0 0 4px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-rw-newh { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 2px 12px; }
.ee-rw-newh > .ee-btn-link { font-weight: 500; }
.ee-rw-group { padding: 8px 0 2px; font-size: 13px; font-weight: 700; color: var(--ee-text); }
.ee-rw-who { min-width: 0; overflow-wrap: anywhere; }
.ee-rw-cur { min-width: 0; color: var(--ee-text-2); overflow-wrap: anywhere; }
.ee-rw-cur.is-missing { color: var(--ee-bad); }
.ee-rw-new { display: grid; grid-template-columns: 112px minmax(0, 1fr) auto; align-items: center; gap: 4px 10px; min-width: 0; }
.ee-rw-new > .ee-rw-switch, .ee-rw-new > .ee-input { grid-column: 1 / -1; }
.ee-rw-box { display: inline-flex; align-items: center; min-width: 0; height: 34px; margin: 0; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); cursor: text; }
.ee-rw-box:focus-within { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-rw-box:has(.ee-rw-input:disabled) { background: var(--ee-raised-muted); cursor: default; }
.is-error .ee-rw-box { border-color: var(--ee-bad); }
.ee-rw-input { flex: 1 1 0; width: 0; min-width: 0; height: 32px; padding: 0 6px 0 8px; border: 0; border-radius: var(--ee-radius-sm); outline: 0; background: transparent; color: var(--ee-text); font-size: 13.5px; text-align: right; font-variant-numeric: tabular-nums; }
.ee-rw-bound { min-width: 0; font-size: 12.5px; color: var(--ee-text-2); white-space: nowrap; }
.ee-rw-none, .ee-rw-check, .ee-rw-switch { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; margin: 0; }
.ee-rw-new > .ee-rw-none { grid-column: 3; }
.ee-rw-fx { --ee-rw-n: 3; display: flex; flex-direction: column; min-width: 0; }
.ee-rw-fx.is-c1 { --ee-rw-n: 1; } .ee-rw-fx.is-c2 { --ee-rw-n: 2; } .ee-rw-fx.is-c4 { --ee-rw-n: 4; } .ee-rw-fx.is-c5 { --ee-rw-n: 5; } .ee-rw-fx.is-c6 { --ee-rw-n: 6; }
.ee-rw-fx-row { display: grid; grid-template-columns: minmax(0, 1fr) repeat(var(--ee-rw-n), 84px) 48px; gap: 4px 8px; align-items: start; padding: 6px 0; border-bottom: 1px solid var(--ee-border); font-size: 13.5px; }
.ee-rw-fx-row.is-head { align-items: end; padding: 0 0 4px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); line-height: 1.25; }
.ee-rw-fx-row.is-head > span:not(:first-child) { text-align: right; }
.ee-rw-fx-row > .ee-rw-who { padding-top: 7px; }
.ee-rw-cell { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.ee-rw-cell > .ee-rw-box { width: 100%; }
.ee-rw-cell.is-none { padding-top: 7px; text-align: right; color: var(--ee-text-3); }
.ee-rw-cell.is-changed > .ee-rw-box { border-color: var(--ee-primary); background: var(--ee-primary-soft); }
.ee-rw-was { display: none; font-size: 11.5px; text-align: right; color: var(--ee-text-2); white-space: nowrap; }
.ee-rw-cell.is-changed > .ee-rw-was { display: block; }
.ee-rw-sum { padding-top: 7px; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums; }
.ee-rw-sum.is-bad { color: var(--ee-bad); }
.ee-rw-order { display: flex; flex-direction: column; gap: 4px; }
.ee-rw-order-item { display: flex; align-items: center; gap: 8px; padding: 2px 0; }
.ee-rw-order-item > span:nth-child(2) { flex: 1 1 auto; min-width: 0; }
.ee-rw-order-n { min-width: 2ch; font-weight: 600; color: var(--ee-text-2); }
.ee-rw-err { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 600; color: var(--ee-bad); }
.ee-rw-field { display: flex; flex-direction: column; gap: 4px; margin: 0; font-size: 13px; }
.ee-rw-term-select { width: 20ch; max-width: 100%; }
.ee-rw-disc { display: inline-flex; align-items: center; gap: 4px; padding: 0; border: 0; background: none; font-size: 13px; color: var(--ee-primary); }
.ee-rw-disc[aria-expanded="true"] > i { transform: rotate(90deg); }
.ee-rw-foot-info { margin-right: auto; font-size: 13px; color: var(--ee-text-2); }
.ee-rw-foot-info[hidden] { display: none; }
.ee-sp-check-all { font-size: 13px; color: var(--ee-text-2); }
/* Geçmiş penceresi (ADR 30 K5): tarih · değer (yeri küçük satır) · değişiklik (kimlere küçük satır) · değiştiren ve not; süzgeçsizken yalnız değişiklikler,
   uzun metin iki satır + Tümünü göster; dar ekranda alt alta. */
.ee-hist-filter { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 12px; font-size: 13px; color: var(--ee-text-2); }
.ee-hist-filter .ee-input { width: auto; min-width: 220px; max-width: 360px; height: 34px; min-height: 34px; padding-top: 4px; padding-bottom: 4px; font-size: 13.5px; }
.ee-hist { display: grid; grid-template-columns: 88px minmax(160px, 230px) minmax(0, 1fr) minmax(130px, 190px); font-size: 13px; }
.ee-hist[hidden] { display: none; }
.ee-hist-head, .ee-hist-row { display: contents; }
.ee-hist-head > span { padding: 0 12px 6px 0; font-size: 12px; font-weight: 600; color: var(--ee-text-2); border-bottom: 1px solid var(--ee-border-strong); }
.ee-hist-row > span { padding: 9px 12px 9px 0; border-bottom: 1px solid var(--ee-border); min-width: 0; overflow-wrap: anywhere; }
.ee-hist-row[hidden] { display: none; }
.ee-hist-when, .ee-hist-by { color: var(--ee-text-2); }
.ee-hist-when { font-variant-numeric: tabular-nums; }
.ee-hist-name > b { font-weight: 600; color: var(--ee-text); }
.ee-hist-line { display: block; }
.ee-hist-line b { font-weight: 600; color: var(--ee-text); }
.ee-hist-row.is-start .ee-hist-line, .ee-hist-row.is-start .ee-hist-line b { font-weight: 400; color: var(--ee-text-2); }
.ee-hist-ar { padding: 0 3px; color: var(--ee-text-3); }
.ee-hist-row small { display: block; margin-top: 2px; font-size: 12px; color: var(--ee-text-2); }
.ee-hist-change.is-long:not(.is-open) .ee-hist-line { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.ee-hist-change.is-open .ee-hist-more { display: none; }
.ee-hist-change .ee-hist-more { margin-top: 2px; font-size: 12px; }
.ee-hist-foot { margin: 12px 0 0; font-size: 12.5px; color: var(--ee-text-2); }
.ee-hist-foot[hidden] { display: none; }
.ee-tip-link { display: inline-block; margin-top: 6px; font-weight: 600; }
@media (max-width: 640px) {
    .ee-hist { grid-template-columns: 1fr; }
    .ee-hist-head { display: none; }
    .ee-hist-row { display: block; padding: 8px 0; border-bottom: 1px solid var(--ee-border); }
    .ee-hist-row > span { display: block; padding: 0; border: 0; }
}
@media (max-width: 575.98px) {
  .ee-rw-grid, .ee-rw-grid.is-one, .ee-rw-grid.is-switch { grid-template-columns: 1fr 1fr; }
  .ee-rw-grid.is-one .ee-rw-cur { grid-column: 1 / -1; }
  .ee-rw-grid.is-head > span:not(.ee-rw-newh), .ee-rw-fx-row.is-head > span:first-child { display: none; }
  .ee-rw-grid.is-head > .ee-rw-newh { grid-column: 1 / -1; }
  .ee-rw-new { grid-column: 1 / -1; }
  .ee-rw-fx-row { grid-template-columns: repeat(var(--ee-rw-n), minmax(0, 1fr)) 44px; }
  .ee-rw-fx-row > .ee-rw-who, .ee-rw-fx-row.is-head > span:first-child { grid-column: 1 / -1; padding-top: 0; }
}
/* Kime ne uygulanıyor? (ADR 30 K8): sorgu satırı (kutu değere göre) ve konu kapları — kural · değer · gerekçe; dar ekranda alt alta. */
.ee-kime-q { display: flex; flex-wrap: wrap; gap: 8px 12px; align-items: flex-end; margin-bottom: 12px; }
.ee-kime-f { display: flex; flex-direction: column; gap: 4px; font-size: 12px; font-weight: 600; color: var(--ee-text-2); }
.ee-kime-f .ee-input { width: auto; min-width: 120px; height: 34px; min-height: 34px; padding-top: 4px; padding-bottom: 4px; font-size: 13.5px; font-weight: 400; }
.ee-kime-wide .ee-input { max-width: 32ch; }
.ee-kime-find { width: 28ch; max-width: 100%; }
.ee-kime-opt { font-weight: 400; }
.ee-kime-msg { margin: 0 0 12px; font-size: 13px; color: var(--ee-warn); }
.ee-kime-box + .ee-kime-box { margin-top: 12px; }
.ee-kime-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ee-kime-head > span { font-size: 12px; color: var(--ee-text-2); }
details.ee-kime-box > summary { cursor: pointer; list-style: none; }
details.ee-kime-box > summary::-webkit-details-marker { display: none; }
details.ee-kime-box > summary h3::before { content: "▸ "; color: var(--ee-text-2); }
details.ee-kime-box[open] > summary h3::before { content: "▾ "; }
.ee-kime-rows { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) minmax(0, 1fr); font-size: 13px; }
.ee-kime-row { display: contents; }
.ee-kime-row > * { padding: 8px 12px; border-top: 1px solid var(--ee-border); min-width: 0; overflow-wrap: anywhere; }
.ee-kime-row > b { font-weight: 600; }
.ee-kime-v.is-off, .ee-kime-why { color: var(--ee-text-2); }
@media (max-width: 640px) {
    .ee-kime-rows { grid-template-columns: 1fr; }
    .ee-kime-row { display: block; border-top: 1px solid var(--ee-border); padding: 8px 12px; }
    .ee-kime-row > * { display: block; padding: 0; border: 0; }
}

/* Mesaj konuları (Enstitü ayarları › Mesajlaşma; Mesajlaşma paket 1, taslak NOTLAR ölçü sözleşmesi: Konu listesi, Cevaplayan satırı,
   ABD'ye göre; Mesaj-Duzeltme P1). Liste ad sırasıyla: Konu esnek · Kime görünür 200 · Cevaplayanlar 236 · Cevap süresi 88 · Son 12 ay 72 ·
   ✎ 36 (+ hücre dolgusu); kapalı satır %55. Dar ekranda (< 576) yalnız Konu + ✎. Konu sayfası tanım düzeni (ee-def-page, iki sütun). */
.ee-mt-table .ee-table { table-layout: fixed; }
.ee-mt-table col.ee-mt-c-vis { width: 216px; }
.ee-mt-table col.ee-mt-c-resp { width: 252px; }
.ee-mt-table col.ee-mt-c-days { width: 108px; }
.ee-mt-table col.ee-mt-c-use { width: 92px; }
.ee-mt-table col.ee-mt-c-users { width: 168px; }
.ee-mt-used { display: flex; flex-direction: column; }
.ee-mt-used small { font-size: 12px; color: var(--ee-text-2); }
.ee-mt-table col.ee-mt-c-act { width: 60px; }
.ee-mt-table td { vertical-align: middle; }
.ee-mt-table tr.ee-mt-off > td { opacity: .55; }
@media (max-width: 575.98px) {
  .ee-mt-table .ee-table { table-layout: auto; }
  .ee-mt-table col:not(:first-child):not(:last-child),
  .ee-mt-table th:not(:first-child):not(:last-child),
  .ee-mt-table td:not(:first-child):not(:last-child) { display: none; }
  .ee-mt-table .ee-mt-desc { white-space: normal; }
}
.ee-mt-name { font-weight: 600; font-size: 14px; margin-right: 6px; }
.ee-mt-table td .ee-status { margin: 2px 4px 2px 0; }
.ee-mt-desc { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ee-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mt-vis { display: flex; flex-wrap: wrap; gap: 4px; }
.ee-mt-table .ee-mt-vis .ee-status { margin: 0; }
.ee-mt-resp { display: flex; align-items: center; gap: 8px; min-width: 0; font-size: 13px; }
.ee-mt-resp-t { min-width: 0; }
.ee-mt-resp-n { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mt-resp small { display: block; color: var(--ee-text-2); font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mt-resp.is-warn small, .ee-mt-warn-i { color: var(--ee-warn); }
.ee-mt-warn-i { font-size: 18px; flex: none; }
.ee-mt-avs { display: inline-flex; flex: none; }
.ee-mt-avs > .ee-avatar, .ee-mt-more { width: 24px; height: 24px; font-size: 10px; box-shadow: 0 0 0 2px var(--ee-surface); }
.ee-mt-avs > * + * { margin-left: -6px; }
.ee-mt-more { display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; background: var(--ee-surface-2); color: var(--ee-text-2); font-weight: 700; }

.ee-mt-fixed { display: inline-flex; align-items: center; gap: 6px; color: var(--ee-text-2); }
.ee-mt-page > .ee-alert { margin-bottom: 16px; }
.ee-mt-name-f .ee-input { width: min(360px, 100%); }
.ee-mt-desc-f textarea.ee-input { width: 100%; min-height: 58px; resize: none; overflow: hidden; }
/* Temel bilgiler › Kullanımda · Kayıtla ilgili: iki anahtar yan yana (etiket üstte), dar kapta alt alta. */
.ee-mt-flags { display: flex; flex-wrap: wrap; gap: 12px 40px; }
.ee-mt-flags .ee-switch-field { margin: 0; }
.ee-mt-flag { display: flex; flex-direction: column; gap: 6px; }
.ee-mt-std { margin: 4px 0 0; font-size: 12.5px; color: var(--ee-text-2); }
.ee-form-stack > .ee-mt-std { margin-top: -8px; }
.ee-mt-std[hidden] { display: none; }
.ee-mt-std .ee-btn-link { padding: 0 !important; font-size: inherit; vertical-align: baseline; }
.ee-mt-picks { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0; padding: 0; border: 0; min-width: 0; }
.ee-mt-pick { cursor: pointer; user-select: none; min-height: 28px; padding: 3px 12px; margin: 0; }
.ee-mt-pick > i { display: none; font-size: 14px; color: inherit; }
.ee-mt-pick:has(input:checked) { background: var(--ee-primary-soft); border-color: var(--ee-primary); color: var(--ee-primary); font-weight: 600; }
.ee-mt-pick:has(input:checked) > i { display: inline; }
.ee-mt-pick:has(input:focus-visible) { box-shadow: var(--ee-focus-ring); }
.ee-mt-sub { margin-top: 12px; }
.ee-mt-sub[hidden] { display: none; }
.ee-mt-sub .ee-fieldset { margin: 0; }
.ee-mt-sub .ee-fieldset > legend, .ee-mt-sublabel { font-size: 13px; font-weight: 600; color: var(--ee-text-2); margin-bottom: 6px; padding: 0; }
.ee-mt-resp-card .ee-card-actions .ee-fieldset, .ee-mt-dates .ee-fieldset { margin: 0; }
.ee-mt-seg-nolegend > legend { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden;
  clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.ee-mt-resp-card .ee-card-actions .ee-fieldset-seg .ee-choice { padding: 3px 10px; }
.ee-mt-add { padding: 10px 12px 8px; }
.ee-mt-search { position: relative; display: inline-flex; align-items: center; width: min(360px, 100%); }
.ee-mt-search > i { position: absolute; left: 10px; color: var(--ee-text-3); pointer-events: none; }
.ee-mt-search > .ee-input { width: 100%; padding-left: 32px; }
.ee-mt-rrow { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 28px; gap: 10px; align-items: center; padding: 8px 12px;
  border-top: 1px solid var(--ee-border); }
.ee-mt-rn { min-width: 0; }
.ee-mt-rn b { display: block; font-weight: 600; font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mt-rn small { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-mt-scope { min-height: 28px; padding: 3px 10px; max-width: 320px; cursor: pointer; }
.ee-mt-scope > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mt-scope.is-static { display: inline-flex; align-items: center; gap: 6px; font-size: var(--ee-fs-sm); color: var(--ee-text-2); cursor: default; }
.ee-mt-rrow .btn-action { width: 28px; height: 28px; }
.ee-mt-abd { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px 16px; padding: 8px 12px; }
.ee-mt-abd[hidden], [data-mt-view][hidden] { display: none; }
.ee-mt-ar { display: flex; align-items: center; gap: 8px; min-height: 30px; padding: 0 6px; font-size: 13px; border-radius: 6px; }
.ee-mt-ar > span:last-child { margin-left: auto; text-align: right; color: var(--ee-text-2); font-size: 12.5px; }
.ee-mt-ar.is-empty { background: var(--ee-warn-soft); color: var(--ee-warn); font-weight: 600; }
.ee-mt-ar.is-empty > span:last-child { color: inherit; }
.ee-mt-cover { display: flex; align-items: flex-start; gap: 8px; padding: 8px 12px; border-top: 1px solid var(--ee-border); background: var(--ee-warn-soft);
  color: var(--ee-warn); font-size: 13px; border-radius: 0 0 var(--ee-radius-sm) var(--ee-radius-sm); }
.ee-mt-cover[hidden] { display: none; }
.ee-mt-cover > i { font-size: 16px; margin-top: 1px; color: inherit; }
.ee-mt-srow { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 16px; align-items: center; padding: 12px; }
.ee-mt-srow + .ee-mt-srow { border-top: 1px solid var(--ee-border); }
.ee-mt-srow-n { font-size: 14px; font-weight: 600; }
.ee-mt-srow-n > label { margin: 0; font-weight: 600; }
.ee-mt-srow-n small { display: block; font-size: 12.5px; font-weight: 500; color: var(--ee-text-2); }
.ee-mt-srow-v { display: inline-flex; align-items: center; gap: 8px 12px; justify-content: flex-end; flex-wrap: wrap; }
.ee-mt-srow-e { grid-column: 1 / -1; margin: 0; }
.ee-mt-num { width: 80px; text-align: right; }
.ee-mt-unit { color: var(--ee-text-2); font-size: 13.5px; }
.ee-mt-range { display: inline-flex; gap: 8px; align-items: flex-end; }
.ee-mt-range[hidden] { display: none; }
.ee-mt-range .ee-date-field { margin: 0; width: 132px; }
.ee-mt-scope-pick { margin-top: 12px; }
.ee-mt-scope-pick[hidden] { display: none; }
.ee-mt-scope-pick .ee-mt-search { width: 100%; }
.ee-mt-scope-list { margin-top: 8px; max-height: 300px; overflow-y: auto; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); padding: 4px; }
.ee-mt-scope-item { display: flex; gap: 8px; align-items: center; padding: 6px 8px; border-radius: 6px; font-size: 13.5px; cursor: pointer; margin: 0; }
.ee-mt-scope-item:hover { background: var(--ee-surface-2); }
.ee-mt-scope-item[hidden] { display: none; }
@media (max-width: 575.98px) {
    .ee-mt-abd { grid-template-columns: 1fr; }
    .ee-mt-rrow { grid-template-columns: 28px minmax(0, 1fr) 28px; gap: 6px 10px; }
    .ee-mt-rrow > .ee-mt-scope { grid-column: 2; grid-row: 2; justify-self: start; }
    .ee-mt-rrow > .btn-action { grid-column: 3; grid-row: 1; }
    .ee-mt-srow { grid-template-columns: 1fr; }
    .ee-mt-srow-v { justify-content: flex-start; }
}

/* Hazır cevaplar (Mesajlaşma paket 1; taslak ölçü "Hazır cevaplar sayfası"): Ad esnek · Konular 300 · Son kullanım 110 · ✎; pencere 640. */
.ee-hz-table .ee-table { table-layout: fixed; }
.ee-hz-table col.ee-hz-c-topics { width: 300px; }
.ee-hz-table col.ee-hz-c-used { width: 110px; }
.ee-hz-table col.ee-hz-c-act { width: 60px; }
.ee-hz-table td { vertical-align: middle; }
.ee-hz-name { display: block; font-size: 14px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-hz-prev { display: block; margin-top: 2px; font-size: 12.5px; color: var(--ee-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-hz-topics { display: flex; flex-wrap: wrap; gap: 4px; }
.ee-hz-table .ee-hz-topics .ee-status { margin: 0; }
.ee-hz-all, .ee-hz-never { font-size: var(--ee-fs-sm); color: var(--ee-text-2); }
.ee-hz-modal .modal-dialog { max-width: 640px; }
.ee-hz-form > .ee-field + .ee-field { margin-top: 14px; }
.ee-hz-name-f .ee-input { width: min(360px, 100%); }
.ee-hz-picked { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }
.ee-hz-chip { padding: 3px 4px 3px 12px; min-height: 28px; }
.ee-hz-x { display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; padding: 0; border: 0; border-radius: 50%; background: transparent; color: inherit; }
.ee-hz-x:hover { background: var(--ee-surface-2); }
.ee-hz-x:focus-visible { outline: none; box-shadow: var(--ee-focus-ring); }
.ee-hz-x > i { font-size: 12px; color: inherit; }
.ee-hz-find { width: min(260px, 100%); }
.ee-hz-hint { display: block; margin-top: 6px; font-size: 12px; color: var(--ee-text-2); }
.ee-hz-body-f textarea.ee-input { min-height: 140px; resize: vertical; }
.ee-hz-vars { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 8px; }
.ee-hz-vars > span { font-size: 12px; color: var(--ee-text-2); }
.ee-hz-var { min-height: 24px; padding: 1px 10px; font-size: 12.5px; cursor: pointer; }
.ee-hz-foot { display: flex; align-items: center; gap: var(--ee-space-2); width: 100%; margin: 0; }
.ee-hz-foot[hidden] { display: none; }
.ee-hz-foot-r { display: inline-flex; gap: var(--ee-space-2); margin-left: auto; }
.ee-hz-confirm-t { min-width: 0; font-size: var(--ee-fs-sm); font-weight: 600; color: var(--ee-bad); }
@media (max-width: 575.98px) {
    .ee-hz-table col.ee-hz-c-topics { width: 140px; }
    .ee-hz-table col.ee-hz-c-used { width: 92px; }
    .ee-hz-foot { flex-wrap: wrap; }
}

/* ── Görevli · Mesajlar (Mesajlaşma 2a; taslak NOTLAR ölçü "Görevli · Mesajlar"): liste 320 + konuşma kalan; sınıflar ee-ms-* (ortak
   bileşenlerle çakışmaz). Yükseklik pencereye oturur: liste ve akış kendi içinde kayar, yazma alanı altta sabit. ── */
/* Mesajlar ve Mesajlarım yüksekliği ekrana göre hesaplanır: tek seferlik uyarı (başarı köşe bildirimidir, §17) akışa girip bölmeleri itmesin,
   yazma alanı alttan taşmasın — bildirim içeriğin üstünde sağ üstte yüzer ve birkaç saniye sonra kaybolur. */
body:has(.ee-ms) [data-flash] { position: fixed; z-index: 1090; top: calc(var(--ee-appbar-h, 0px) + 12px); right: 24px; max-width: min(420px, calc(100vw - 32px));
    margin: 0; box-shadow: var(--ee-raised-shadow); pointer-events: none; animation: ee-ms-flash-out .3s ease 4s forwards; }
body:has(.ee-ms) [data-flash].bg-light-danger { animation-delay: 8s; }
@keyframes ee-ms-flash-out { to { opacity: 0; visibility: hidden; } }
.ee-ms { display: grid; grid-template-columns: 320px minmax(0, 1fr); height: calc(100vh - var(--ee-appbar-h, 0px) - 150px); height: calc(100dvh - var(--ee-appbar-h, 0px) - 150px);
    min-height: 480px; background: var(--ee-surface); border: 1px solid var(--ee-border); border-radius: var(--ee-radius); overflow: hidden; box-shadow: var(--ee-shadow); }
.ee-ms-list { display: flex; flex-direction: column; min-height: 0; border-right: 1px solid var(--ee-border); }
.ee-ms-lh { display: flex; align-items: center; gap: 8px; padding: 10px 12px 0; }
.ee-ms-vname { font-size: 17px; font-weight: 700; line-height: 1.25; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-vn { min-width: 22px; height: 20px; padding: 0 7px; border-radius: 10px; background: var(--ee-surface-2); color: var(--ee-text-2); font-size: 11.5px; font-weight: 700; line-height: 20px; text-align: center; }
.ee-ms-menu { min-width: 220px; }
.ee-ms-menu li > span { display: grid; gap: 1px; }
.ee-ms-menu li[aria-disabled="true"] { opacity: .55; cursor: default; }
.ee-ms-list .ee-sf { padding: 8px 12px 10px; gap: 8px; }
.ee-ms-list .ee-sf-box { min-height: 36px; padding-top: 3px; padding-bottom: 3px; }
.ee-ms-list .ee-sf-box > i { top: 9px; }
/* Sıkı yoğunluk (36px); tek satıra sığdırma ortak dar kipte (.ee-sf-narrow). */
.ee-ms-list .ee-sf-vbtn { height: 36px; }
.ee-ms-rows { flex: 1; min-height: 0; overflow: auto; }
.ee-ms-row { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; padding: 10px 12px; border-top: 1px solid var(--ee-border); color: var(--ee-text); text-decoration: none; position: relative; }
.ee-ms-rows > .ee-ms-row:first-of-type { border-top: 0; }
.ee-ms-row:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-ms-row.is-on { background: var(--ee-primary-soft); }
.ee-ms-row.is-on::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--ee-primary); }
.ee-ms-row[hidden] { display: none; }
.ee-ms-rm { display: grid; min-width: 0; }
.ee-ms-l1 { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.ee-ms-nm { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-ty { font-size: 11.5px; color: var(--ee-text-3); white-space: nowrap; }
.ee-ms-sb { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-row.is-unread .ee-ms-sb { font-weight: 700; }
.ee-ms-lp { font-size: 12.5px; color: var(--ee-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* İşlemle görünümden çıkan satır (bu tur yerinde kalır) ve süzgecin gizlediği açık konuşma uyarısı. */
.ee-ms-mv { grid-column: 2 / -1; display: flex; align-items: center; gap: 4px; margin-top: -6px; font-size: 12px; font-weight: 600; color: var(--ee-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-mv > i { font-size: 12px; }
.ee-ms-hid { display: flex; align-items: center; gap: 8px; margin: 0 12px 8px; padding: 6px 10px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); color: var(--ee-text); font-size: 12.5px; }
.ee-ms-hid[hidden] { display: none; }
.ee-ms-hid > span { flex: 1; min-width: 0; }
.ee-ms-hid-go { flex: none; padding: 0; border: 0; background: transparent; color: var(--ee-primary); font-weight: 600; cursor: pointer; }
.ee-ms-hid-go:hover { text-decoration: underline; }
.ee-ms-rt { display: grid; justify-items: end; align-content: start; gap: 4px; font-size: 11.5px; color: var(--ee-text-3); white-space: nowrap; }
.ee-ms-unb { min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px; background: var(--ee-primary); color: var(--ee-on-primary); font-size: 11px; font-weight: 700; line-height: 18px; text-align: center; }
.ee-ms-due { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 9px; font-size: 11px; font-weight: 700; background: var(--ee-warn-soft); color: var(--ee-warn); }
.ee-ms-due.ee-ms-due-bad { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-ms-ic { display: flex; align-items: center; gap: 4px; color: var(--ee-text-3); }
.ee-ms-ic > i { font-size: 13px; }
.ee-ms-who .ee-avatar, .ee-ms-owner .ee-avatar, .ee-ms-strip .ee-avatar { width: 20px; height: 20px; font-size: 9px; }
.ee-ms-empty { display: grid; place-items: center; text-align: center; gap: 8px; padding: 40px 20px; color: var(--ee-text-2); }
.ee-ms-empty[hidden] { display: none; }
.ee-ms-empty > i { font-size: 28px; color: var(--ee-text-3); }
.ee-ms-pick { flex: 1; }
/* Liste bölmesi tek kart (süzgeç + liste parçası, sunucu süzgeci; İşleyiş §1): kartın kendi kenarı/gölgesi yok, gövde bölmeyi doldurur. */
.ee-ms-list.ee-card { margin: 0; border: 0; border-right: 1px solid var(--ee-border); border-radius: 0; box-shadow: none; background: transparent; }
.ee-ms-list > .ee-card-body { display: flex; flex-direction: column; flex: 1; min-height: 0; padding: 0; }
.ee-ms-part { display: flex; flex-direction: column; flex: 1; min-height: 0; transition: opacity .15s .1s; }
.ee-ms-part.ee-sf-busy { opacity: .55; }
/* Aday · Mesajlarım üst satırı 320'ye sığmazsa alt satıra iner. */
.ee-ms-lh { min-height: 44px; flex-wrap: wrap; row-gap: 2px; }
/* Satır durumu (Kişiden bekleniyor, Kapandı; kullanıcı 2026-11-07: cevap yazılan ve kapanan ayırt edilsin); aramada eşleşme iç notta.
   Kapanan satır soluk — durum etiketi ve saat okunur kalır. */
.ee-ms-row.is-closed > ee-avatar, .ee-ms-row.is-closed > .ee-avatar, .ee-ms-row.is-closed > .ee-ms-rm { opacity: .6; }
.ee-ms-st { font-size: 11px; font-weight: 600; color: var(--ee-text-2); }
.ee-ms-st.ee-ms-st-warn { color: var(--ee-warn); }
.ee-ms-st.ee-ms-st-info { color: var(--ee-info); }
.ee-ms-st.ee-ms-st-ok { color: var(--ee-ok); }
.ee-ms-st.ee-ms-st-bad { color: var(--ee-bad); }
.ee-ms-nt { margin-right: 4px; padding: 0 5px; border-radius: 4px; background: var(--ee-warn-soft); color: var(--ee-text); font-size: 11px; font-weight: 700; }
/* "50 / 214" (sona yaklaşınca sonraki 50) ve "2 yeni konuşma · Göster" pulu (liste kaymaz). */
.ee-ms-loaded { padding: 10px 12px 14px; border-top: 1px solid var(--ee-border); color: var(--ee-text-3); font-size: 12px; text-align: center; }
.ee-ms-loaded.is-busy { color: var(--ee-text-2); }
.ee-ms-newp { display: flex; align-items: center; justify-content: center; gap: 6px; margin: 0 12px 8px; padding: 5px 10px; border-radius: 14px;
    background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 12.5px; font-weight: 600; }
.ee-ms-newp[hidden] { display: none; }

.ee-ms-cv { container: ee-ms-cv / inline-size; display: flex; flex-direction: column; min-width: 0; min-height: 0; background: var(--ee-page); }
.ee-ms-ch { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 6px 12px; align-items: start; padding: 10px 16px; background: var(--ee-surface); border-bottom: 1px solid var(--ee-border); }
.ee-ms-tt { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 8px; min-width: 0; min-height: 34px; }
.ee-ms-tt h2 { margin: 0; font-size: 15.5px; font-weight: 700; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }
.ee-ms-no { font-family: var(--ee-font-mono); font-size: 12.5px; color: var(--ee-text-2); white-space: nowrap; }
.ee-ms-back { display: none; }
.ee-ms-acts { display: flex; align-items: center; gap: 6px; flex: none; }
.ee-ms-acts form { margin: 0; }
.ee-ms-meta { grid-column: 1 / -1; display: flex; align-items: center; flex-wrap: wrap; gap: 6px 8px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-ms-pn { font-size: 13px; font-weight: 600; color: var(--ee-text); }
.ee-ms-to { margin-right: 4px; font-weight: 400; color: var(--ee-text-2); }   /* görevli başlattı: "Kime: {Ad}" (Mesaj-Gorevli 3b) */
.ee-ms-rec { display: inline-flex; align-items: center; height: 28px; max-width: 100%; padding: 0 10px; border-radius: 14px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); color: var(--ee-text); font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-ms-owner { display: inline-flex; align-items: center; gap: 6px; height: 30px; padding: 0 10px; border-radius: 15px; font-size: 12.5px; font-weight: 700; border: 1px solid var(--ee-border-strong); background: var(--ee-surface); color: var(--ee-text); white-space: nowrap; }
button.ee-ms-owner { cursor: pointer; }
button.ee-ms-owner:hover { background: var(--ee-surface-2); }
.ee-ms-owner.is-me { background: var(--ee-ok-soft); border-color: transparent; color: var(--ee-ok); }
.ee-ms-owner.is-other { background: var(--ee-surface-2); border-color: transparent; color: var(--ee-text-2); }
.ee-ms-owner > i { font-size: 14px; }
.ee-ms-more { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--ee-text-2); cursor: pointer; }
.ee-ms-more:hover, .ee-ms-more[aria-expanded="true"] { background: var(--ee-surface-2); border-color: var(--ee-border); color: var(--ee-text); }
.ee-ms-more > i { font-size: 18px; }
.ee-ms-mnote { margin: 10px 0 0; font-size: 12.5px; color: var(--ee-text-2); }
/* Görünüm geçişi (İşleyiş §1; NOTLAR ölçü "Sayfa üstü"): başlığın sağında seg 32, simge 16 + yazı 13/600. */
.ee-ms-gv { display: inline-flex; flex: none; align-items: center; height: 32px; padding: 2px; gap: 2px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-ms-gv > a { display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px; border-radius: 6px; color: var(--ee-text-2); font-size: 13px; font-weight: 600; text-decoration: none; white-space: nowrap; }
.ee-ms-gv > a > i { font-size: 16px; }
.ee-ms-gv > a:hover { color: var(--ee-text); }
.ee-ms-gv > a.is-on { background: var(--ee-surface); color: var(--ee-text); box-shadow: var(--ee-shadow); }
.ee-ms-new { display: inline-flex; align-items: center; height: 32px; padding-top: 0; padding-bottom: 0; font-size: 13px; white-space: nowrap; }   /* Yeni mesaj: geçişle (.ee-ms-gv) aynı boy, sade ikincil düğme */
@media (max-width: 575.98px) { .ee-ms-gv > a { padding: 0 8px; } .ee-ms-gv > a > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); } }
/* Liste (İşleyiş §3): liste başı öteki listelerle aynı ortak süzgeç (EKRAN-STANDARDI §16; kendi süzgeç şeridi yok). */
.ee-ms-tw .ee-table { table-layout: fixed; width: 100%; }
.ee-ms-tw .ee-table > thead > tr > th, .ee-ms-tw .ee-table > tbody > tr > td { padding: 8px 10px; vertical-align: top; }
.ee-ms-tw .ee-table > thead > tr > th { font-size: 12.5px; font-weight: 600; white-space: nowrap; }
col.ee-ms-c-sel { width: 36px; } col.ee-ms-c-no { width: 96px; } col.ee-ms-c-kisi { width: 168px; } col.ee-ms-c-gor { width: 144px; }
col.ee-ms-c-dur { width: 140px; } col.ee-ms-c-son { width: 104px; } col.ee-ms-c-sure { width: 104px; }
.ee-ms-tno { font-family: var(--ee-font-mono); font-size: 12.5px; font-weight: 600; white-space: nowrap; }
.ee-ms-tn { display: block; min-width: 0; font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-tw .ee-sub { font-size: 12px; }
.ee-ms-tk { display: flex; align-items: center; gap: 4px; min-width: 0; }
.ee-ms-tk > i { flex: none; font-size: 13px; color: var(--ee-text-3); }
.ee-ms-tp { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-tp > .ee-status { margin-right: 6px; vertical-align: middle; }   /* "Belge geldi" önizlemenin başında; başlık sütunun tamamını kullanır */
.ee-ms-tw tr.is-unread .ee-ms-tk .ee-ms-tn { font-weight: 700; }
.ee-ms-tw tr.is-sel > td { background: var(--ee-primary-soft); }
.ee-ms-tg { display: flex; align-items: center; gap: 6px; min-width: 0; }
.ee-ms-tg .ee-avatar { width: 20px; height: 20px; font-size: 9px; }
.ee-ms-tg .ee-ms-tn { font-size: 13px; font-weight: 400; }
.ee-ms-tw td.ee-ms-c-gor > .ee-muted { font-size: 13px; }
.ee-ms-given { display: flex !important; align-items: center; gap: 3px; color: var(--ee-primary) !important; font-weight: 600; }
.ee-ms-given > i { font-size: 12px; }
.ee-ms-due.ee-ms-due-none { background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-ms-tw .ee-ms-due { white-space: nowrap; }
.ee-ms-selbar { min-height: 56px; }
.ee-ms-selbar > strong { font-size: 14px; }
.ee-ms-bfind { max-width: 260px; }
.ee-ms-bfind + .ee-choices, .ee-ms-bfind ~ fieldset { margin-top: 8px; }
.ee-choice[hidden] { display: none; }
/* Görevliler (İşleyiş §5; NOTLAR ölçü "Görevliler"): sayılar sağa yaslı, bağlantı 14/700; 0 soluk, veri yoksa —. */
col.ee-ms-g-104 { width: 104px; } col.ee-ms-g-120 { width: 120px; } col.ee-ms-g-124 { width: 124px; } col.ee-ms-g-128 { width: 128px; }
.ee-ms-gs { padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; white-space: nowrap; }
.ee-ms-gs:hover { color: var(--ee-text); text-decoration: underline; }
.ee-ms-gs.is-on::after { content: " \2191"; }
.ee-ms-gs.is-on.is-desc::after { content: " \2193"; }
.ee-ms-gi { margin-left: 2px; font-size: 13px; color: var(--ee-text-3); cursor: help; }
.ee-ms-gt .ee-table > tbody > tr > td { vertical-align: middle; }
.ee-ms-gn { font-size: 14px; font-weight: 700; color: var(--ee-primary); }
.ee-ms-gn.is-bad { color: var(--ee-bad); }
.ee-ms-gn.is-warn { color: var(--ee-warn); }
.ee-ms-gt .ee-ms-tg .ee-ms-tn { font-size: 13.5px; font-weight: 600; }
.ee-ms-gt tr.ee-ms-pool > td { background: var(--ee-surface-2); }
.ee-ms-gt tr.ee-ms-off .ee-ms-tg { opacity: .6; }
.ee-ms-poolic { display: inline-grid; place-items: center; flex: none; width: 28px; height: 28px; border-radius: 50%; background: var(--ee-surface); border: 1px solid var(--ee-border); color: var(--ee-text-2); }
.ee-ms-gtag { flex: none; padding: 0 6px; border-radius: 4px; background: var(--ee-surface-2); color: var(--ee-text-2); font-size: 11px; font-weight: 600; }
/* Telefon (NOTLAR ölçü "Telefon 390"): Liste kart satırı (No + Durum / Kişi + tür / Konu / Görevli · Son mesaj · Süre), seçim yok;
   Görevliler ad + etiketli sayılar. */
@media (max-width: 767.98px) {
    .ee-ms-tw.ee-table-wrap { overflow: visible; }
    .ee-ms-tw .ee-table, .ee-ms-tw .ee-table > tbody { display: block; }
    .ee-ms-tw .ee-table > thead, .ee-ms-tw .ee-table > colgroup { display: none; }
    .ee-ms-tw tr[data-ms-trow] { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; grid-template-areas: "no no dur" "kisi kisi kisi" "konu konu konu" "gor son sure"; gap: 2px 8px; padding: 10px 12px; border-top: 1px solid var(--ee-border); }
    .ee-ms-tw tr[data-ms-trow] > td { display: block; padding: 0 !important; border: 0; min-width: 0; background: none !important; }
    .ee-ms-tw td.ee-ms-c-sel { display: none !important; }
    .ee-ms-tw td.ee-ms-c-no { grid-area: no; } .ee-ms-tw td.ee-ms-c-dur { grid-area: dur; }
    .ee-ms-tw td.ee-ms-c-kisi { grid-area: kisi; display: flex !important; align-items: baseline; gap: 6px; }
    .ee-ms-tw td.ee-ms-c-konu { grid-area: konu; } .ee-ms-tw td.ee-ms-c-gor { grid-area: gor; }
    .ee-ms-tw td.ee-ms-c-son { grid-area: son; font-size: 12px; color: var(--ee-text-2); align-self: center; }
    .ee-ms-tw td.ee-ms-c-sure { grid-area: sure; align-self: center; }
    .ee-ms-selbar { display: none !important; }
    .ee-ms-gt .ee-table > tbody > tr { display: flex; flex-wrap: wrap; gap: 4px 14px; padding: 10px 12px; border-top: 1px solid var(--ee-border); }
    .ee-ms-gt .ee-table > tbody > tr > td { display: inline-flex; align-items: baseline; gap: 4px; padding: 0 !important; border: 0; }
    .ee-ms-gt .ee-table > tbody > tr > td:first-child { flex: 1 0 100%; }
    .ee-ms-gt .ee-table > tbody > tr > td[data-l]::before { content: attr(data-l); font-size: 12px; color: var(--ee-text-3); }
    .ee-ms-gt tr.ee-ms-pool { background: var(--ee-surface-2); }
    .ee-ms-gt tr.ee-ms-pool > td { background: none; }
}
.ee-combo-pop li.ee-ms-sep { height: 1px; min-height: 0; margin: 4px 0; padding: 0; border-radius: 0; background: var(--ee-border); pointer-events: none; }
.ee-ms-kv { display: flex; align-items: baseline; gap: 8px; margin: 0 0 12px; font-size: 13px; }
.ee-ms-kv > span { color: var(--ee-text-2); }
.ee-ms-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 10px; }
.ee-ms-chip { display: inline-flex; align-items: center; height: 28px; padding: 0 12px; border-radius: 14px; border: 1px solid var(--ee-border); background: var(--ee-surface); color: var(--ee-text); font-size: 12.5px; cursor: pointer; }
.ee-ms-chip:hover { background: var(--ee-surface-2); }
.ee-ms-chip[aria-pressed="true"] { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
@container ee-ms-cv (max-width: 560px) { .ee-ms-ol { display: none; } }

.ee-ms-flow { flex: 1; min-height: 0; overflow: auto; padding: 14px 16px 8px; display: flex; flex-direction: column; gap: 6px; }
.ee-ms-day { align-self: center; margin: 6px 0; padding: 0 10px; height: 22px; line-height: 22px; border-radius: 11px; background: var(--ee-surface); border: 1px solid var(--ee-border); font-size: 11.5px; font-weight: 600; color: var(--ee-text-2); }
/* Konuşma balonu (İşleyiş §2.1; _MsBubble): grup = aynı gönderenin art arda mesajları; grup içi 2, gruplar arası 12 (akış aralığı 6 ± kenar).
   Yuvarlak 28 grubun ilk balonunun yanında, üst hizada, aralık 8; ad balonun içinde (12.5/700, gönderen tonu), tik saatin yanında. */
.ee-ms-msg { display: flex; align-items: flex-start; gap: 8px; max-width: min(72%, 560px); min-width: 0; align-self: flex-start; }
.ee-ms-msg.has-av { max-width: min(calc(72% + 36px), 596px); }
.ee-ms-msg.is-mine { align-self: flex-end; flex-direction: row-reverse; }
.ee-ms-msg.is-first { margin-top: 6px; }
.ee-ms-msg.is-cont { margin-top: -4px; }
.ee-ms-av { flex: none; width: 28px; min-height: 1px; }
.ee-ms-inst { background: var(--ee-ms-inst-bg); color: var(--ee-ms-inst-fg); }
.ee-ms-inst > i { font-size: 16px; color: inherit; }
.ee-ms-avq { background: var(--ee-surface-2); color: var(--ee-text-3); border: 1px dashed var(--ee-border-strong); }
.ee-ms-mb { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; max-width: 100%; }
.ee-ms-msg.is-mine .ee-ms-mb { align-items: flex-end; }
.ee-ms-nm { display: flex; align-items: baseline; gap: 5px; min-width: 0; margin: 0 0 2px; font-size: 12.5px; line-height: 1.3; white-space: nowrap; }
.ee-ms-nm b { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-weight: 700; color: hsl(var(--ee-ms-hue, 215) var(--ee-ms-name-sl)); }
.ee-ms-nm small { flex: none; font-size: 12px; color: var(--ee-text-3); }
.ee-ms-h0 { --ee-ms-hue: 0; } .ee-ms-h1 { --ee-ms-hue: 30; } .ee-ms-h2 { --ee-ms-hue: 60; } .ee-ms-h3 { --ee-ms-hue: 90; } .ee-ms-h4 { --ee-ms-hue: 120; } .ee-ms-h5 { --ee-ms-hue: 150; }
.ee-ms-h6 { --ee-ms-hue: 180; } .ee-ms-h7 { --ee-ms-hue: 210; } .ee-ms-h8 { --ee-ms-hue: 240; } .ee-ms-h9 { --ee-ms-hue: 270; } .ee-ms-h10 { --ee-ms-hue: 300; } .ee-ms-h11 { --ee-ms-hue: 330; }
.ee-ms-bub { position: relative; max-width: 100%; padding: 8px 12px; border-radius: 14px; background: var(--ee-surface-2); border: 1px solid var(--ee-border); font-size: 14px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; color: var(--ee-text); }
.ee-ms-msg.is-mine .ee-ms-bub { background: var(--ee-primary-soft); }
.ee-ms-msg.is-first.is-other .ee-ms-bub { border-top-left-radius: 4px; }
.ee-ms-msg.is-first.is-mine .ee-ms-bub { border-top-right-radius: 4px; }
.ee-ms-msg.is-withdrawn .ee-ms-bub { opacity: .55; text-decoration: line-through; }
.ee-ms-tm { display: inline-flex; align-items: center; gap: 3px; float: right; margin: 6px 0 0 10px; font-size: 11px; line-height: 16px; color: var(--ee-text-3); white-space: nowrap; }
.ee-ms-tick { display: inline-flex; color: var(--ee-text-3); }
.ee-ms-tick.is-read { color: var(--ee-ms-read); }
.ee-ms-tick > svg { width: 16px; height: 11px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.ee-ms-atts { display: grid; gap: 6px; margin-top: 8px; white-space: normal; }
.ee-ms-att { display: flex; align-items: center; gap: 8px; min-width: 0; padding: 6px 8px; border-radius: var(--ee-radius-sm); background: var(--ee-surface); border: 1px solid var(--ee-border); font-size: 12.5px; }
.ee-ms-att > i { color: var(--ee-bad); }
.ee-ms-an { font-weight: 600; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-ms-as { color: var(--ee-text-3); white-space: nowrap; }
.ee-ms-att a { margin-left: auto; font-weight: 600; white-space: nowrap; }
.ee-ms-wd { margin-top: 3px; padding: 0 4px; font-size: 11px; color: var(--ee-text-3); }
.ee-ms-note { align-self: stretch; margin: 4px 0; padding: 8px 12px; border-radius: 10px; background: var(--ee-surface); border: 1px solid var(--ee-border); border-left: 4px solid var(--ee-note-border); font-size: 13.5px; line-height: 1.45; white-space: pre-wrap; overflow-wrap: anywhere; }
.ee-ms-nh { display: flex; align-items: center; gap: 6px; margin-bottom: 3px; font-size: 12px; font-weight: 700; color: var(--ee-note-text); white-space: normal; }
.ee-ms-nh small { font-weight: 500; color: var(--ee-text-2); }
.ee-ms-evt { align-self: center; max-width: 90%; display: flex; align-items: center; gap: 6px; margin: 4px 0; font-size: 12px; color: var(--ee-text-2); text-align: center; }
.ee-ms-evt::before, .ee-ms-evt::after { content: ""; flex: none; width: 24px; height: 1px; background: var(--ee-border-strong); }
.ee-ms-et { min-width: 0; }
.ee-ms-evt .ee-ms-tm { float: none; margin: 0; flex: none; }

.ee-ms-comp { display: grid; gap: 6px; padding: 8px 12px 10px; margin: 0; background: var(--ee-surface); border-top: 1px solid var(--ee-border); }
.ee-ms-strip { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 12.5px; color: var(--ee-text-2); }
/* Tek yazma düzeni (ee-composer; her sohbet yazma alanı): ataç ve yardımcı düğmeler solda, kutu ortada, gönderme sağda; kutu büyüdükçe
   iki yan alta hizalı kalır. Ayrı yardım satırı yok: kısayol gönderme düğmesinin title'ında. Ölçü: kutu 40 (büyür, en çok 160), düğmeler 40. */
.ee-cmp { display: flex; align-items: flex-end; gap: 6px; min-width: 0; }
.ee-cmp-tools { display: inline-flex; flex: none; gap: 2px; }
.ee-cmp-tools > .ee-ms-more { width: 36px; height: 40px; }
.ee-cmp-box { display: flex; flex: 1 1 auto; min-width: 0; }
.ee-cmp-ta { width: 100%; min-width: 0; min-height: 40px; max-height: 160px; resize: none; padding: 9px 12px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface); color: var(--ee-text); font: inherit; font-size: 14px; line-height: 1.45; overflow-y: auto; }
.ee-cmp-ta:focus { outline: 0; border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-cmp-send { display: inline-flex; flex: none; align-items: flex-end; gap: 8px; }
.ee-cmp-send .btn { display: inline-flex; align-items: center; height: 40px; }
/* Dar yazma alanı (telefon, 390): yan düğmeler sıkışır, kutu yer kazanır; satır yine tek (temanın yatay dolgusu ancak !important ile). */
.ee-ms-comp { container: ee-cmp / inline-size; }
@container ee-cmp (max-width: 440px) {
  .ee-cmp { gap: 4px; }
  .ee-cmp-tools { gap: 0; }
  .ee-cmp-tools > .ee-ms-more { width: 30px; }
  .ee-cmp-send .btn:not(.ee-ms-caret) { padding-inline: 12px !important; }
}
/* 2c-1: Cevap / İç not seçici (26), not kipinde zemin sarı; ek şeridi (çip 28: ad · boyut · ✕), ataş 34 */
.ee-ms-top { display: flex; align-items: center; gap: 6px 10px; min-width: 0; flex-wrap: wrap; }
.ee-ms-seg { display: inline-flex; flex: none; padding: 2px; gap: 2px; border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); border: 1px solid var(--ee-border); }
.ee-ms-seg > button { height: 22px; padding: 0 10px; border: 0; border-radius: 6px; background: transparent; color: var(--ee-text-2); font: inherit; font-size: 12.5px; font-weight: 600; cursor: pointer; }
.ee-ms-seg > button[aria-checked="true"] { background: var(--ee-surface); color: var(--ee-text); box-shadow: var(--ee-shadow); }
.ee-ms-mail { min-width: 0; font-size: 12px; line-height: 1.35; color: var(--ee-text-2); }
/* Not kipi (P3, A3): zemin yüzey rengi; sol kenar ve "Yalnız görevliler görür" şeridi kehribar (--ee-note-*; koyu temada da okunur). */
.ee-ms-comp.is-note { box-shadow: inset 4px 0 0 var(--ee-note-border); }
.ee-ms-comp.is-note .ee-ms-seg > button[aria-checked="true"] { color: var(--ee-note-text); }
.ee-ms-comp.is-note .ee-ms-mail { padding: 2px 8px; border-radius: 6px; background: var(--ee-note-bg); color: var(--ee-note-text); font-weight: 600; }
.ee-ms-fl { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.ee-ms-fchip { display: inline-flex; align-items: center; gap: 6px; height: 28px; max-width: 280px; min-width: 0; padding: 0 4px 0 8px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); font-size: 12.5px; }
.ee-ms-fchip > i { flex: none; color: var(--ee-bad); }
.ee-ms-fchip .ee-ms-an { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ee-ms-fchip .ee-ms-as { flex: none; color: var(--ee-text-3); }
.ee-ms-fchip.is-busy { opacity: .7; }
.ee-ms-fchip > button { display: inline-grid; place-items: center; flex: none; width: 22px; height: 22px; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ee-text-2); cursor: pointer; }
.ee-ms-fchip > button:hover { background: var(--ee-bad-soft); color: var(--ee-bad); }
.ee-ms-fe { display: inline-flex; align-items: flex-start; gap: 6px; min-width: 0; font-size: 12.5px; color: var(--ee-bad); }
.ee-ms-fe[hidden] { display: none; }
/* "/" hazır cevap listesi (2c-2; taslak: yazma alanına yapışık 420, konuya bağlılar önce, satır içi "bu konu" etiketi 18) */
.ee-combo-pop.ee-ms-cn { width: 420px; max-height: 320px; }
.ee-combo-pop.ee-ms-cn .ee-combo-gh { display: flex; justify-content: space-between; gap: 10px; }
.ee-combo-pop.ee-ms-cn .ee-combo-gh small { font-weight: 400; color: var(--ee-text-3); }
.ee-combo-pop.ee-ms-cn li[data-ms-canned-item] { display: grid; grid-template-columns: minmax(0, 1fr); gap: 2px; padding: 7px 10px; }
.ee-combo-pop.ee-ms-cn li[data-ms-canned-item][hidden] { display: none; }
.ee-combo-pop.ee-ms-cn li[data-ms-canned-item] b { display: flex; align-items: center; gap: 6px; min-width: 0; font-size: 13px; font-weight: 600; color: var(--ee-text); }
.ee-combo-pop.ee-ms-cn li[data-ms-canned-item] small { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12.5px; color: var(--ee-text-2); }
.ee-ms-cn-tag { display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 9px; background: var(--ee-info-soft); color: var(--ee-info); font-size: 11px; font-weight: 600; }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-none { cursor: default; color: var(--ee-text-3); }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-none[hidden] { display: none; }
/* Mesaj-Duzeltme P3 C: iki bölüm (Enstitü, Benim), Benim satırında ✎, altta eylem satırları (+ Yeni, Bu metni kaydet). */
.ee-combo-pop.ee-ms-cn li[hidden] { display: none; }
.ee-combo-pop.ee-ms-cn li.is-off { cursor: default; opacity: .6; }
.ee-combo-pop.ee-ms-cn li.is-off:hover { background: transparent; }
.ee-combo-pop.ee-ms-cn li.is-off small { display: flex; align-items: center; gap: 4px; }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-n { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-ms-cn-edit { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; margin: -4px -4px -4px auto; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--ee-text-3); cursor: pointer; }
.ee-ms-cn-edit:hover { background: var(--ee-raised-muted); color: var(--ee-primary); }
.ee-ms-cn-edit > i { font-size: 15px; }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-act { justify-content: flex-start; align-items: center; gap: 8px; color: var(--ee-primary); font-weight: 600; }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-act > i { font-size: 16px; }
.ee-combo-pop.ee-ms-cn li[data-ms-canned-item] ~ .ee-ms-cn-act:not([hidden]) { margin-top: 4px; border-top: 1px solid var(--ee-border); border-radius: 0; }
.ee-combo-pop.ee-ms-cn .ee-ms-cn-act:not([hidden]) ~ .ee-ms-cn-act { margin-top: 0; border-top: 0; border-radius: var(--ee-radius-sm); }
/* Gönderme düğmeleri (Mesaj-Gorevli 1): [Cevapla] ana + ▾ bitişik (ayrık düğme); not kipinde yalnız [Not ekle]. Sabit boylu düğme yazıyı
   flex ile ortalar: temanın dolgusu (.btn:not(…)×8, 11px üst/alt) düz kuralla ezilemez; inline-block'ta 21px satır 12px içerik kutusundan
   alta taşıyordu, kısa pencerede kesiliyordu (CssButtonHeightGuardTests). ▾ dar: yatay dolgu ancak !important ile (ee-docrev deseni). */
.ee-ms-sends { display: inline-flex; flex: none; gap: 8px; }
.ee-ms-sends[hidden] { display: none; }
.ee-ms-split { gap: 0; }
.ee-ms-split > .btn:first-child { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.ee-ms-split > .ee-ms-caret { justify-content: center; border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 1px solid var(--ee-surface); padding-inline: 9px !important; }
.ee-ms-closed { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; padding: 14px; background: var(--ee-surface); border-top: 1px solid var(--ee-border); font-size: 13.5px; color: var(--ee-text-2); }
.ee-ms-closed form { margin: 0; }

/* Bilgi paneli (2b-2b; NOTLAR ölçü "Bilgi paneli": 288, bölüm 12/14, başlık 12/700 text-3, anahtar-değer 13): ⓘ ile açılır, kapalı
   başlar; açıkken liste 288 (1280'de konuşma ≈ 420). */
.ee-ms.is-info { grid-template-columns: 288px minmax(0, 1fr) 288px; }
.ee-ms-ip { display: none; min-width: 0; min-height: 0; overflow: auto; border-left: 1px solid var(--ee-border); background: var(--ee-surface); }
.ee-ms.is-info .ee-ms-ip { display: block; }
.ee-ms-more.is-on { background: var(--ee-primary-soft); border-color: transparent; color: var(--ee-primary); }
.ee-ms-ips { padding: 12px 14px; border-top: 1px solid var(--ee-border); }
.ee-ms-ips:first-child { border-top: 0; }
.ee-ms-ips h3 { margin: 0 0 8px; font-size: 12px; font-weight: 700; line-height: 1.4; color: var(--ee-text-3); }
.ee-ms-ih { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin: -6px -6px 4px 0; }
.ee-ms-ih h3 { margin: 0; }
.ee-ms-prs { display: flex; align-items: center; gap: 10px; min-width: 0; margin-bottom: 10px; }
.ee-ms-prs > div { min-width: 0; }
.ee-ms-prs b { display: block; font-size: 14px; overflow-wrap: anywhere; }
.ee-ms-prs small { display: block; font-size: 12.5px; color: var(--ee-text-2); }
.ee-ms-ikv { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 12px; margin: 0; font-size: 13px; }
.ee-ms-ikv dt { font-weight: 400; color: var(--ee-text-2); }
.ee-ms-ikv dd { margin: 0; overflow-wrap: anywhere; }
.ee-ms-iempty { margin: 0; font-size: 13px; color: var(--ee-text-2); }
.ee-ms-ibt { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }
.ee-ms-match { display: flex; gap: 8px; align-items: flex-start; margin-top: 10px; padding: 8px 10px; border-radius: var(--ee-radius-sm);
  background: var(--ee-primary-soft); font-size: 12.5px; line-height: 1.45; }
.ee-ms-match > i { margin-top: 2px; color: var(--ee-primary); }
.ee-ms-linkbtn { padding: 0; border: 0; background: none; color: var(--ee-primary); font: inherit; text-decoration: underline; cursor: pointer; }
.ee-ms-oth { display: grid; gap: 2px; margin: 0 -8px; }
.ee-ms-oth > a { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1px 8px; padding: 6px 8px; border-radius: var(--ee-radius-sm); color: var(--ee-text); text-decoration: none; }
.ee-ms-oth > a:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-ms-oth b { font-size: 13px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-oth small { font-size: 12px; color: var(--ee-text-3); }
.ee-ms-oth span { grid-column: 1 / -1; font-size: 12px; color: var(--ee-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
/* Başvuru sayfası › Yazışmalar kartı (2c-2): konu + durum, alt satır no · saat · son mesaj */
.ee-ms-yz { display: grid; gap: 2px; margin: -4px -8px; }
.ee-ms-yz > a { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 8px; padding: 8px; border-radius: var(--ee-radius-sm); color: var(--ee-text); text-decoration: none; }
.ee-ms-yz > a:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-ms-yz b { font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-ms-yz small { grid-column: 1 / -1; font-size: 12px; color: var(--ee-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Dar ekran: tek bölme — konuşma seçiliyse konuşma, değilse liste; ← listeye döner. */
@media (max-width: 767.98px) {
    .ee-ms { grid-template-columns: minmax(0, 1fr); height: calc(100dvh - var(--ee-appbar-h, 0px) - 120px); }
    .ee-ms:not(.ee-ms-none) .ee-ms-list { display: none; }
    .ee-ms.ee-ms-none .ee-ms-cv { display: none; }
    .ee-ms-list { border-right: 0; }
    .ee-ms-back { display: inline-grid; place-items: center; width: 34px; height: 34px; border-radius: var(--ee-radius-sm); color: var(--ee-text-2); }
    .ee-ms-msg { max-width: 88%; }
    .ee-ms-msg.has-av { max-width: calc(88% + 36px); }
    .ee-ms.is-info { grid-template-columns: minmax(0, 1fr); }
    .ee-ms.is-info .ee-ms-cv { display: none; }
    .ee-ms-ip { border-left: 0; }
}

/* ── Kişi · Mesaj yaz (Mesajlaşma 3a; NOTLAR ölçü "Mesaj yaz düğmesi", "Yeni mesaj") ── */
.ee-mc-fab { position: fixed; right: 24px; bottom: 24px; z-index: 1040; display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 20px 0 16px; border: 0; border-radius: 24px; background: var(--ee-primary); color: var(--ee-on-primary); font-weight: 700; box-shadow: var(--ee-raised-shadow); cursor: pointer; }
.ee-mc-fab:hover { filter: brightness(1.06); }
.ee-mc-fab > i { font-size: 20px; color: inherit; }
/* Düğme alt bilgiye binmez (sayfa sonunda düğme kadar boşluk), pencere açıkken karartmanın üstünde kalmaz. */
body:has(.ee-mc-fab) .ee-ofoot { padding-bottom: 72px; }
body.modal-open .ee-mc-fab { visibility: hidden; }
.ee-mc-row { display: grid; grid-template-columns: 96px minmax(0, 1fr); gap: 8px 12px; align-items: start; padding: 8px 0; }
.ee-mc-row.ee-mc-col { grid-template-columns: minmax(0, 1fr); }
.ee-mc-lbl { padding-top: 5px; font-size: 12.5px; font-weight: 600; color: var(--ee-text-2); }
.ee-mc-col > .ee-mc-lbl { padding-top: 0; }
.ee-mc-val { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
.ee-mc .ee-ms-chip { max-width: 100%; gap: 6px; }
.ee-mc .ee-ms-chip > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mc .ee-ms-chip > i { flex: none; color: inherit; }
.ee-mc .ee-ms-chip.is-fixed { cursor: default; background: var(--ee-surface-2); }
.ee-mc-hint { flex-basis: 100%; font-size: 12.5px; color: var(--ee-text-2); }
.ee-mc-row[hidden], .ee-mc-hint[hidden], .ee-mc-pick[hidden], .ee-mc-rec[hidden] { display: none; }
.ee-mc-hint.ee-field-error { color: var(--ee-bad); margin-top: 0; }
/* Görevlinin kayda bağlı mesajında Konu düz yazı (ILT-001-R09): seçim kutusu yüksekliğinde, kutunun yazısıyla hizalı. */
.ee-mc-topic-text { display: inline-flex; align-items: center; min-height: 32px; font-size: 13px; color: var(--ee-text); }
.ee-mc-topic-text.is-muted { color: var(--ee-text-2); }
.ee-mc-topic-text.is-bad { color: var(--ee-bad); }
.ee-mc-topic-text[hidden], .ee-mc-topic-pick[hidden] { display: none; }
.ee-mc-topic-pick { display: contents; }
.ee-mc-ta { width: 100%; min-height: 92px; resize: vertical; }
/* Yeni mesaj ek satırı (mesaj-gonder): kesik çizgili kutu yok; ataç + kısa ipucu, kutunun hemen altında. */
.ee-mc-drop { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; font-size: 12px; color: var(--ee-text-3); }
.ee-mc-drop > .ee-ms-clip { display: inline-flex; align-items: center; gap: 6px; width: auto; height: 30px; margin-left: -8px; padding: 0 8px; color: var(--ee-text-2); font-size: 13px; }
.ee-mc-drop > .ee-ms-fl { flex-basis: 100%; }
.ee-mc .ee-modal-foot { gap: 8px; }
.ee-mc-foot-t { margin-right: auto; font-size: 12.5px; color: var(--ee-text-2); }
/* Kişinin konuşması pencerede (3a-2): akış görevli sınıflarıyla, gövde kaydırılır; yazma alanı altta sabit. */
.ee-mc-tbody { display: flex; flex-direction: column; padding: 0; min-height: 0; }
.ee-mc-tbody > .ee-alert { margin: 12px 16px 0; }
/* Mesajlarım (3b): görevli Mesajlar iskeleti ön sayfa düzeninde (bant + alt bilgi); satırda avatar yok, durum pulu sağda. */
.ee-mcp-wrap { max-width: 1240px; margin: 0 auto; padding: 24px 24px 32px; }
.ee-ms.ee-mcp { height: calc(100dvh - 210px); min-height: 460px; }
.ee-mcp .ee-ms-lh { padding-bottom: 2px; }
.ee-mcp .ee-ms-lh > h1 { margin: 0; color: var(--ee-text); }
.ee-mcp-sp { flex: 1; }
.ee-mcp-views { display: flex; gap: 6px; padding: 8px 12px 10px; border-bottom: 1px solid var(--ee-border); }
.ee-mcp-views .ee-ms-chip { gap: 6px; text-decoration: none; }
.ee-mcp-views .ee-ms-chip[aria-current="page"] { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-primary); font-weight: 600; }
.ee-mcp-views .ee-ms-vn { height: 18px; line-height: 18px; min-width: 20px; padding: 0 6px; }
.ee-ms-row.ee-mcp-row { grid-template-columns: minmax(0, 1fr) auto auto; row-gap: 4px; }
/* Kişinin satırı: başlık yalnız saatle paylaşır, geniş durum pulu ("Belge bekleniyor · son gün …") önizleme satırında kalır. */
.ee-mcp-row > .ee-ms-rm, .ee-mcp-row > .ee-ms-rt { display: contents; }
.ee-mcp-row .ee-ms-sb { grid-area: 1 / 1 / 2 / 3; min-width: 0; }
.ee-mcp-row .ee-mcp-tm { grid-area: 1 / 3; justify-self: end; }
.ee-mcp-row .ee-ms-lp { grid-area: 2 / 1; min-width: 0; align-self: center; }
.ee-mcp-row .ee-ms-rt > .ee-status { grid-area: 2 / 2 / 3 / 4; justify-self: end; }
.ee-mcp-row .ee-ms-lp > i { font-size: 13px; margin-right: 4px; color: var(--ee-text-3); }
.ee-mcp-tm { display: inline-flex; align-items: center; gap: 6px; }
.ee-mcp-title { margin: 0; font-size: 16px; font-weight: 700; line-height: 1.3; min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 767.98px) { .ee-mcp-wrap { padding: 12px 8px 16px; } .ee-ms.ee-mcp { height: calc(100dvh - 150px); } }
/* Girişsiz · süreli bağlantı (Mesajlaşma 4b): ön sayfada dar tek sütun (liste yok); süresi dolmuş/hesaba geçmiş durumda kısa kutu. */
.ee-mcl-wrap { max-width: 760px; }
.ee-ms.ee-mcl { grid-template-columns: minmax(0, 1fr); }
.ee-ms.ee-mcl-state { height: auto; min-height: 0; }
.ee-mcl-state .ee-ms-empty > i { font-size: 28px; color: var(--ee-text-3); }
.ee-ms-flow.ee-mc-flow { flex: none; min-height: 200px; max-height: min(58vh, 520px); }
.ee-mc-comp { border-bottom-left-radius: inherit; border-bottom-right-radius: inherit; }
/* Girişsiz (4a; NOTLAR ölçü "Girişsiz": ad ve e-posta 260 · kod 6 × 40, mono 18 · aydınlatma tek satır 12). */
.ee-mc-in { width: 260px; max-width: 100%; height: 32px; font-size: 13px; }
.ee-mc .ee-mc-foot-t a { color: var(--ee-primary); }
.ee-mc-code { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; }
.ee-mc-code-t { margin: 0; font-size: 13.5px; color: var(--ee-text); }
.ee-mc-code-t[data-phase] { color: var(--ee-text-2); }
.ee-mc-code-t[data-phase="delayed"], .ee-mc-code-t[data-phase="failed"], .ee-mc-code-t[data-phase="notsent"] { color: var(--ee-warn); }
.ee-mc-boxes { display: flex; gap: 8px; }
.ee-mc-box { width: 40px; height: 44px; padding: 0; text-align: center; font-family: var(--ee-font-mono); font-size: 18px; font-weight: 600; }
.ee-mc-code-m { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 12px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-mc-done { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 16px 0 8px; text-align: center; }
.ee-mc-done > i { font-size: 36px; color: var(--ee-ok); }
.ee-mc-done > b { font-size: 15px; }
.ee-mc-done > span { font-size: 13px; color: var(--ee-text-2); }
/* Görevli Yeni mesaj › Kime (Mesaj-Duzeltme P3): arama kutusu 320 (simgeli), seçilen kişi çipi (avatar, ad kalın + e-posta/no ikincil, ✕),
   öneri listesi alana yapışık (ee-anchor); hesabı olmayan satır soluk, nedeni ikinci satırda. */
.ee-mc-to-q { position: relative; display: inline-flex; align-items: center; width: min(320px, 100%); }
.ee-mc-to-q > i { position: absolute; left: 10px; color: var(--ee-text-3); pointer-events: none; }
.ee-mc-to-q > .ee-input { width: 100%; height: 34px; padding-left: 32px; font-size: 13.5px; }
.ee-mc .ee-ms-chip.ee-mc-to { height: auto; min-height: 34px; padding: 3px 4px 3px 4px; gap: 8px; border-radius: 17px; cursor: default; }
.ee-mc .ee-ms-chip.ee-mc-to.is-fixed { padding-right: 12px; }
.ee-mc .ee-ms-chip.ee-mc-to > span:not(.ee-avatar) { display: flex; flex-direction: column; min-width: 0; line-height: 1.25; }
.ee-mc-to b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mc-to small { font-size: 11.5px; color: var(--ee-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-mc-to-x { display: inline-grid; place-items: center; flex: none; width: 26px; height: 26px; padding: 0; border: 0; border-radius: 13px; background: transparent; color: var(--ee-text-2); cursor: pointer; }
.ee-mc-to-x:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-combo-pop.ee-mc-to-list li:not(.ee-combo-ft) { display: grid; gap: 1px; align-items: start; }
.ee-combo-pop.ee-mc-to-list li b { font-size: 13.5px; font-weight: 600; }
.ee-combo-pop.ee-mc-to-list li small { white-space: normal; }
.ee-combo-pop.ee-mc-to-list li.is-off { cursor: default; opacity: .6; }
.ee-combo-pop.ee-mc-to-list li.is-off:hover { background: none; }
/* Görevli · Yeni mesaj (İşleyiş §6; NOTLAR ölçü "Yeni mesaj": pencere 640, etiket 96, Hakkında radyo 30, Beklenen seg 32, belge 360,
   son gün 132 + kısayol 24, başlık 480, mesaj ≥ 120, hazır cevap paneli ≤ 280, alt şerit 60; telefonda tam ekran, etiket üstte). */
@media (min-width: 576px) { .modal-dialog:has(.ee-sc) { max-width: 640px; } }
.ee-sc .ee-modal-body { max-height: min(72vh, 680px); overflow-y: auto; }
.ee-sc-recs { display: flex; flex-direction: column; gap: 2px; flex-basis: 100%; min-width: 0; }   /* uzun kayıt adı satırda kısalır, pencere kaymaz */
.ee-sc-rec { display: flex; align-items: center; gap: 8px; min-height: 30px; font-size: 13px; color: var(--ee-text); cursor: pointer; }
.ee-sc-rec > .form-check-input { flex: none; margin: 0; }
.ee-sc-rec > span:not(.ee-status) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-sc-rec .ee-status { flex: none; }
.ee-sc-rec.is-off { opacity: .55; cursor: default; }
.ee-sc-rec-m { color: var(--ee-text-3); }
.ee-sc .ee-mc-foot-t { flex: 1 1 0; min-width: 0; }   /* uzun cümle iki satıra iner, düğmeler yan yana kalır */
.ee-sc-pick { width: min(420px, 100%); }
.ee-sc-open { display: flex; align-items: flex-start; gap: 8px; flex-basis: 100%; margin-top: 4px; padding: 8px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 12.5px; font-weight: 600; line-height: 1.45; }
.ee-sc-open[hidden] { display: none; }
.ee-sc-open > i { margin-top: 2px; color: inherit; }
.ee-sc-open a { color: inherit; font-weight: 700; }
.ee-ms-seg.ee-sc-seg { padding: 3px; }
.ee-ms-seg.ee-sc-seg > button { height: 26px; padding: 0 12px; font-size: 13px; }
.ee-ms-seg.ee-sc-seg > button[hidden] { display: none; }
.ee-sc-info[hidden] { display: none; }
.ee-sc-result { margin-top: 2px; }
.ee-mc-row.is-flash { animation: ee-sc-flash 1.2s ease-out; border-radius: var(--ee-radius-sm); }
@keyframes ee-sc-flash { from { background: var(--ee-warn-soft); } to { background: transparent; } }
.ee-sc-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; width: min(360px, 100%); min-height: 34px; padding: 3px 6px; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); cursor: text; }
.ee-sc-chips:focus-within { border-color: var(--ee-primary); box-shadow: var(--ee-focus-ring); }
.ee-chip.ee-sc-chip { gap: 4px; height: 26px; padding: 0 4px 0 10px; border-color: transparent; background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 12.5px; font-weight: 600; }
.ee-sc-chip-x { display: inline-grid; place-items: center; width: 18px; height: 18px; padding: 0; border: 0; border-radius: 9px; background: transparent; color: inherit; cursor: pointer; }
.ee-sc-chip-x:hover { background: var(--ee-surface); }
.ee-sc-chip-in { flex: 1 1 100px; min-width: 100px; height: 26px; padding: 0 4px; border: 0; outline: 0; background: transparent; color: var(--ee-text); font: inherit; font-size: 13px; }
.ee-combo-pop.ee-sc-doc-list li { font-size: 13px; }
.ee-sc-date { flex: none; width: 132px; margin: 0; }
.ee-sc-date .ee-date-heading { display: none; }
.ee-sc-date .ee-date-summary { height: 32px; font-size: 13px; }
.ee-sc-days { min-width: 44px; font-size: 12.5px; color: var(--ee-text-2); }
.ee-chip.ee-sc-q { height: 24px; padding: 0 10px; font-size: 12px; font-weight: 600; cursor: pointer; }
.ee-chip.ee-sc-q.is-on { border-color: var(--ee-primary); background: var(--ee-primary-soft); color: var(--ee-primary); }
.ee-sc-subject { width: min(480px, 100%); height: 32px; font-size: 13px; }
.ee-sc-count { font-size: 12px; color: var(--ee-text-3); }
.ee-sc-count[hidden] { display: none; }
.ee-sc-mhead { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.ee-sc-cn-open { display: inline-flex; align-items: center; gap: 4px; font-size: 13px; font-weight: 600; }
.ee-mc-ta.ee-sc-ta { min-height: 120px; }
.ee-sc .modal-footer { min-height: 60px; }
/* Kişinin belge isteği kartı (İşleyiş §6.6) ve bilgi notunun "Cevap gerekmez · Yaz" satırı. */
.ee-mc-doc { display: flex; align-items: center; gap: 10px; margin: 8px 16px 0; padding: 10px 12px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); color: var(--ee-text); }
.ee-mc-doc > i { font-size: 20px; color: var(--ee-warn); }
.ee-mc-doc.is-done { background: var(--ee-ok-soft); }
.ee-mc-doc.is-done > i { color: var(--ee-ok); }
.ee-mc-doc.is-late { background: var(--ee-bad-soft); }
.ee-mc-doc.is-late > i { color: var(--ee-bad); }
.ee-mc-doc-t { display: flex; flex: 1 1 auto; flex-direction: column; min-width: 0; font-size: 13px; }
.ee-mc-doc-t small { font-size: 12px; color: var(--ee-text-2); }
.ee-mc-info[hidden], .ee-ms-comp[hidden] { display: none; }
@media (max-width: 575.98px) {
    .modal-dialog:has(.ee-sc) { max-width: none; height: 100%; margin: 0; }
    .modal-dialog:has(.ee-sc) .modal-content { height: 100%; border-radius: 0; }
    .ee-sc .ee-modal-body { max-height: none; flex: 1 1 auto; }
    .ee-sc .modal-footer { flex-wrap: wrap; }
    .ee-sc .ee-mc-foot-t { flex-basis: 100%; }
}
@media (max-width: 575.98px) {
    .ee-mc-fab { right: 16px; bottom: 16px; }
    .ee-mc-row { grid-template-columns: minmax(0, 1fr); }
    .ee-mc-lbl { padding-top: 0; }
    /* Son gün: tarih + "N gün" ilk satırı doldurur, kısayollar birlikte alt satıra iner (tek kısayol yalnız kalmaz). */
    .ee-mc-val > .ee-sc-days { flex: 0 0 calc(100% - 138px); }
}

/* Hazır cevabın Yeni mesaj alanları (İşleyiş §6.5; 3c; _CannedStartFields): hazır cevap penceresinin altında ayrı bölüm. Liste satırında
   adın yanında kısa etiket ("Belge · 7 gün"). Yeni mesaj penceresi: Başvuru'da Belge taşıyan hazır cevap soluk, neden satırda; e-postası
   doğrulanmamış kişide Kime çipinin altında tek satır. */
.ee-cs { margin-top: 16px; padding-top: 14px; border-top: 1px solid var(--ee-border); }
.ee-cs-h { display: grid; gap: 2px; margin-bottom: 10px; }
.ee-cs-h > b { font-size: 13px; font-weight: 600; }
.ee-cs-h > small { font-size: 12.5px; color: var(--ee-text-2); }
.ee-cs .ee-field + .ee-field, .ee-cs .ee-field + .ee-cs-more, .ee-cs-more > .ee-field + .ee-field { margin-top: 12px; }
.ee-cs-more[hidden] { display: none; }
.ee-cs .ee-ms-seg { flex-wrap: wrap; }
.ee-cs-days .ee-input { width: 72px; }
.ee-hz-line { display: flex; align-items: center; gap: 8px; min-width: 0; }
.ee-hz-line > .ee-hz-name { min-width: 0; }
.ee-hz-tag { flex: none; }
.ee-sc-mailwarn { display: flex; align-items: center; gap: 6px; margin-top: 4px; }
.ee-sc-mailwarn > i { color: var(--ee-warn); font-size: 15px; }
.ee-cs-def { display: block; margin-top: 4px; font-size: 12.5px; color: var(--ee-text-2); }

/* ── Sistem › E-posta (E-posta İşleyiş §3.1; taslak Ortak/E-Posta/Taslak, ölçü sözleşmesi NOTLAR.md) ── */
.ee-em-table .ee-em-c-sel { width: 40px; }
.ee-em-table .ee-em-c-time { width: 92px; white-space: nowrap; }
.ee-em-table .ee-em-c-to { width: 216px; }
.ee-em-table .ee-em-c-stage { width: 236px; }
.ee-em-table .ee-em-c-act, .ee-em-accounts .ee-em-c-aact { width: 84px; white-space: nowrap; }
.ee-em-name, .ee-em-type { display: block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 600; }
.ee-em-type { color: var(--ee-primary); text-decoration: none; display: inline; }
.ee-em-type:hover { text-decoration: underline; }
.ee-em-num { font-variant-numeric: tabular-nums; }
.ee-em-tag { display: inline-block; margin-inline-start: 6px; padding: 0 6px; border-radius: var(--ee-radius-sm); background: var(--ee-warn-soft); color: var(--ee-warn); font-size: var(--ee-fs-sm); line-height: 18px; vertical-align: 1px; }
.ee-em-info { display: block; margin-top: 2px; }
.ee-em-more { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 8px; border: 1px solid transparent; background: transparent; color: var(--ee-text-2); cursor: pointer; }
.ee-em-more:hover, .ee-em-more[aria-expanded="true"] { background: var(--ee-surface-2); border-color: var(--ee-border); color: var(--ee-text); }
.ee-em-more > i { font-size: 18px; }
.ee-em-menu { min-width: 200px; }
.ee-em-menu li > span { display: grid; gap: 1px; text-align: start; }
.ee-em-sep { height: 1px; margin: 4px 0; background: var(--ee-border); padding: 0 !important; pointer-events: none; }
.ee-em-big { font-size: var(--ee-fs-lg); font-weight: 600; margin: 0 0 4px; }
.ee-em-note { color: var(--ee-text-2); margin: 0; }
.ee-em-closed { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; color: var(--ee-text-2); }
.ee-em-closed > i { font-size: 18px; }
.ee-em-attempts .ee-em-c-when { width: 150px; white-space: nowrap; }
.ee-em-attempts .ee-em-c-acc { width: 130px; }
.ee-em-attempts .ee-em-c-res { width: 170px; }
.ee-em-cap { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; padding: 12px 16px; border-bottom: 1px solid var(--ee-border); }
.ee-em-cap-text { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; min-width: 0; flex: 1 1 360px; color: var(--ee-text-2); }
.ee-em-accounts .ee-em-c-astate { width: 150px; }
.ee-em-accounts .ee-em-c-use { width: 180px; }
.ee-em-accounts .ee-em-c-min { width: 80px; }
.ee-em-accounts .ee-em-c-last { width: 112px; white-space: nowrap; }
.ee-em-accounts .ee-em-c-err { width: 170px; }
.ee-em-use { display: flex; align-items: center; gap: 8px; white-space: nowrap; }
.ee-em-bar { position: relative; flex: 0 0 80px; height: 6px; border-radius: 3px; background: var(--ee-surface-2); overflow: hidden; }
.ee-em-bar > span { position: absolute; inset: 0 auto 0 0; border-radius: 3px; background: var(--ee-ok); }
.ee-em-bar.is-warn > span { background: var(--ee-warn); }
.ee-em-bar.is-bad > span { background: var(--ee-bad); }
.ee-em-bar.is-info > span { background: var(--ee-primary); }
.ee-em-bar.is-neutral > span { background: var(--ee-text-3); }
/* Toplu gönderimler (E3 K13; taslak ölçü 92): ad esnek · Enstitü 70 · İlerleme 230 · Durum 196 · ⋯ 48 */
.ee-em-bulk .ee-em-c-inst { width: 70px; }
.ee-em-bulk .ee-em-c-prog { width: 230px; }
.ee-em-bulk .ee-em-c-bstate { width: 196px; }
.ee-em-bulk .ee-em-c-act { width: 48px; }
.ee-em-menu li small { display: block; }
.ee-em-fill-0 { width: 0%; }
.ee-em-fill-5 { width: 5%; }
.ee-em-fill-10 { width: 10%; }
.ee-em-fill-15 { width: 15%; }
.ee-em-fill-20 { width: 20%; }
.ee-em-fill-25 { width: 25%; }
.ee-em-fill-30 { width: 30%; }
.ee-em-fill-35 { width: 35%; }
.ee-em-fill-40 { width: 40%; }
.ee-em-fill-45 { width: 45%; }
.ee-em-fill-50 { width: 50%; }
.ee-em-fill-55 { width: 55%; }
.ee-em-fill-60 { width: 60%; }
.ee-em-fill-65 { width: 65%; }
.ee-em-fill-70 { width: 70%; }
.ee-em-fill-75 { width: 75%; }
.ee-em-fill-80 { width: 80%; }
.ee-em-fill-85 { width: 85%; }
.ee-em-fill-90 { width: 90%; }
.ee-em-fill-95 { width: 95%; }
.ee-em-fill-100 { width: 100%; }
.ee-em-err { color: var(--ee-text); }
.ee-em-fix { display: block; margin-top: 2px; font-size: var(--ee-fs-sm); }
.ee-em-inline { display: inline; }
.ee-em-empty { display: grid; justify-items: center; gap: 8px; padding: 28px 14px; text-align: center; color: var(--ee-text-2); }
.ee-em-empty > strong { color: var(--ee-text); font-size: var(--ee-fs-lg); }
#emAccount .modal-dialog { max-width: 520px; }
.ee-em-form .ee-field { margin-bottom: 0; } /* aralığı formun ızgarası verir */
.ee-em-form .ee-em-row { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 12px 16px; }
.ee-em-w260 { width: 260px; max-width: 100%; }
.ee-em-w360 { width: 360px; max-width: 100%; }
/* Dar sayı kutuları: etiket tek satır kalır (kutu yanındakiyle aynı hizada), kutu değere göre. */
.ee-em-w10, .ee-em-w8 { width: auto; min-width: 0; }
.ee-em-w10 .ee-field label, .ee-em-w8 .ee-field label { white-space: nowrap; }
.ee-em-w10 .ee-input { width: 14ch; }
.ee-em-w8 .ee-input { width: 11ch; }
.ee-em-hint { color: var(--ee-text-2); font-size: var(--ee-fs-sm); margin-top: 4px; }
.ee-em-hint:empty { display: none; }
.ee-em-label { font-weight: 600; margin-bottom: 4px; }
.ee-em-pwset { display: flex; align-items: center; gap: 10px; min-height: 34px; }
/* Birim yazısı (e-posta) etiketin değil kutunun hizasında. */
.ee-em-unitset { align-items: flex-end; }
.ee-em-unitset > .ee-em-hint { margin: 0 0 9px; white-space: nowrap; }
.ee-em-status { padding: 8px 12px; border-radius: var(--ee-radius); background: var(--ee-surface-2); color: var(--ee-text-2); }
.ee-em-status.is-ok { background: var(--ee-ok-soft); color: var(--ee-text); }
.ee-em-status.is-bad { background: var(--ee-bad-soft); color: var(--ee-text); }
@media (max-width: 575.98px) {
  .ee-em-table .ee-em-c-to, .ee-em-table .ee-em-c-stage { width: auto; }
  .ee-em-cap-text { flex-basis: 100%; }
}

/* ── E-posta şablonları (E2 D7; E-posta İşleyiş §3.3, taslak NOTLAR ölçü sözleşmesi) ── */
/* Liste: grup satırı 13/700 · E-posta esnek · Kime 130 · İngilizce 116 · Enstitü farkı 158 · Son değişiklik 112 · ✎ 52 */
.ee-es-table .ee-es-c-to { width: 130px; }
.ee-es-table .ee-es-c-en { width: 116px; }
.ee-es-table .ee-es-c-diff { width: 158px; }
.ee-es-table .ee-es-c-date { width: 112px; }
.ee-es-table .ee-es-c-act { width: 52px; }
.ee-es-table .ee-es-name { font-size: 13.5px; font-weight: 600; color: var(--ee-primary); text-decoration: none; }
.ee-es-table .ee-es-name:hover { text-decoration: underline; }
.ee-es-table .ee-es-when { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-es-table .ee-es-yes { color: var(--ee-ok); font-size: 16px; }
.ee-es-table .ee-es-no { color: var(--ee-text-3); }
.ee-es-table .ee-es-diff { font-size: 13px; }
@media (max-width: 767.98px) {
    .ee-es-table .ee-es-c-to, .ee-es-table .ee-es-c-en, .ee-es-table .ee-es-c-diff, .ee-es-table .ee-es-c-date { width: auto; }
    .ee-es-table th:nth-child(n+2):nth-child(-n+5), .ee-es-table td:nth-child(n+2):nth-child(-n+5) { display: none; }
}

/* Düzenleme: başlık kartının düzey satırı, iki sütun (düzenleyici ≤ 600 | önizleme 420, aralık 30, önizleme yapışık) */
.ee-es-level { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; }
.ee-es-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ee-primary); flex: none; }
.ee-es-sep { color: var(--ee-text-3); }
.ee-es-card { margin-top: var(--ee-space-4); }
.ee-es-cols { display: grid; grid-template-columns: minmax(0, 1fr) minmax(360px, 648px); gap: 30px; align-items: start; }
.ee-es-right { position: sticky; top: 72px; }
@media (max-width: 991.98px) {
    .ee-es-cols { grid-template-columns: minmax(0, 1fr); }
    .ee-es-right { position: static; }
}
.ee-es-langbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 12px; }
.ee-es-seg { display: inline-flex; padding: 2px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); }
.ee-es-seg-b { display: inline-flex; align-items: center; gap: 6px; height: 28px; padding: 0 12px; border: 0; border-radius: calc(var(--ee-radius-sm) - 2px); background: none; color: var(--ee-text-2); font-size: 13.5px; font-weight: 600; cursor: pointer; }
.ee-es-seg-b.is-on { background: var(--ee-surface); color: var(--ee-primary); box-shadow: 0 0 0 1px var(--ee-primary); }
.ee-es-seg-tag { font-size: 11.5px; font-weight: 600; color: var(--ee-warn); }
.ee-es-seg-tag:empty { display: none; }
.ee-es-noen { margin: 0 0 12px; font-size: 13.5px; color: var(--ee-text-2); }
.ee-es-label { display: block; margin: 0 0 6px; font-size: 14px; font-weight: 700; color: var(--ee-text); }
.ee-es-subject { min-height: 36px; padding: 6px 10px; line-height: 22px; white-space: nowrap; overflow-x: auto; overflow-y: hidden; }
.ee-es-subject:focus, .ee-es-body:focus { outline: none; }
.ee-es-hint { display: block; margin-top: 4px; font-size: 12.5px; color: var(--ee-warn); }
.ee-es-block > .ee-es-label + .ee-es-box, .ee-es-hint + .ee-es-label, .ee-es-subject + .ee-es-label { margin-top: 16px; }
.ee-es-box { position: relative; margin-top: 0; border: 1px solid var(--ee-border-strong); border-radius: var(--ee-radius-sm); background: var(--ee-surface); }
.ee-es-box:focus-within { box-shadow: var(--ee-focus-ring); }
.ee-es-subject:focus-within { box-shadow: var(--ee-focus-ring); }
.ee-es-toolbar { display: flex; align-items: center; gap: 2px; min-height: 38px; padding: 4px 6px; border-bottom: 1px solid var(--ee-border); }
.ee-es-tool { width: 30px; height: 30px; border: 0; border-radius: var(--ee-radius-sm); background: none; color: var(--ee-text-2); font-size: 14px; cursor: pointer; }
.ee-es-tool:hover { background: var(--ee-surface-2); color: var(--ee-text); }
.ee-es-tool-gap { flex: 1 1 auto; }
.ee-es-body { min-height: 220px; padding: 12px 14px; font-size: 14.5px; line-height: 1.6; color: var(--ee-text); overflow-wrap: anywhere; }
.ee-es-body p { margin: 0 0 12px; }
.ee-es-body ul { margin: 0 0 12px; padding-left: 22px; }
.ee-es-body a { color: var(--ee-primary); }
.ee-es-body[contenteditable="false"], .ee-es-subject[contenteditable="false"] { background: var(--ee-surface-2); color: var(--ee-text-2); }
/* Alan çipi: 22, dolgu 0/7, köşe 6, 13/600 · zorunlu kilitli · bağlantı dolu · boş olabilen kesik alt çizgi */
.ee-es-chip { display: inline-flex; align-items: center; gap: 4px; height: 22px; padding: 0 7px; margin: 0 1px; border-radius: 6px; background: var(--ee-primary-soft); color: var(--ee-primary); font-size: 13px; font-weight: 600; line-height: 22px; vertical-align: 1px; white-space: nowrap; user-select: all; }
.ee-es-chip .ki-outline { font-size: 12px; }
.ee-es-chip.is-req { box-shadow: inset 0 0 0 1px var(--ee-primary); }
.ee-es-chip.is-link { background: var(--ee-primary); color: var(--ee-on-primary); cursor: pointer; }
.ee-es-chip.is-opt { text-decoration: underline dashed; text-underline-offset: 3px; }
.ee-es-chip.is-bad { background: var(--ee-surface-2); color: var(--ee-bad); }
.ee-es-chip.is-flash { animation: ee-es-flash .5s ease 2; }
@keyframes ee-es-flash { 50% { box-shadow: inset 0 0 0 2px var(--ee-bad); } }
.ee-es-errors:empty { display: none; }
.ee-es-errors { margin-top: 8px; }
.ee-es-error { margin: 0 0 4px; font-size: 13px; color: var(--ee-bad); }
/* Alan ekle listesi 330 · arama yapışık · gruplar Zorunlu · Kişi · Kayıt · Bağlantılar; satır ad + örnek 12 */
.ee-es-left { position: relative; min-width: 0; }
.ee-es-picker { position: fixed; z-index: 1200; width: 330px; max-width: calc(100vw - 16px); max-height: 340px; display: flex; flex-direction: column; border: 1px solid var(--ee-border); border-radius: var(--ee-radius); background: var(--ee-surface); box-shadow: var(--ee-shadow); }
.ee-es-picker > .ee-input { margin: 8px; width: auto; }
.ee-es-pk-list { overflow-y: auto; padding: 0 4px 6px; }
.ee-es-pk-g { padding: 8px 8px 4px; font-size: 12px; font-weight: 700; color: var(--ee-text-2); }
.ee-es-pk-i { display: grid; grid-template-columns: 1fr auto; width: 100%; padding: 6px 8px; border: 0; border-radius: var(--ee-radius-sm); background: none; text-align: left; cursor: pointer; }
.ee-es-pk-i:hover, .ee-es-pk-i.is-on { background: var(--ee-surface-2); }
.ee-es-pk-n { font-size: 13.5px; color: var(--ee-text); }
.ee-es-pk-n .ki-outline { margin-right: 4px; font-size: 12px; }
.ee-es-pk-s { grid-column: 1; font-size: 12px; color: var(--ee-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-es-pk-in { grid-column: 2; grid-row: 1 / span 2; align-self: center; font-size: 12px; color: var(--ee-text-3); }
.ee-es-pk-none { margin: 8px; font-size: 13px; color: var(--ee-text-2); }
.ee-es-pop { position: absolute; z-index: 31; left: var(--ee-es-pop-x, 0); top: var(--ee-es-pop-y, 0); width: 300px; max-width: 100%; padding: 10px; border: 1px solid var(--ee-border); border-radius: var(--ee-radius); background: var(--ee-surface); box-shadow: var(--ee-shadow); }
.ee-es-pop-a { display: flex; justify-content: flex-end; gap: 6px; margin-top: 8px; }
/* Önizleme: seçiciler · e-posta en çok 600, telefonda 360 · antet ⓘ · Kendime gönder */
.ee-es-ptitle { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.ee-es-ptitle h2 { margin: 0; font-size: 14px; font-weight: 700; }
.ee-es-popts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin-bottom: 10px; }
.ee-es-sel .ee-input { width: 96px; }
.ee-es-mail { border: 1px solid var(--ee-border); border-radius: var(--ee-radius); background: var(--ee-surface-2); padding: 10px; }
.ee-es-msubj { margin: 0 0 8px; font-size: 13.5px; font-weight: 700; color: var(--ee-text); overflow-wrap: anywhere; }
.ee-es-frame { display: block; width: 100%; max-width: 600px; height: var(--ee-es-frame-h, 520px); margin: 0 auto; border: 0; border-radius: var(--ee-radius-sm); background: var(--ee-print-paper); }
.ee-es-mail.is-phone .ee-es-frame { max-width: 360px; }
.ee-es-pfoot { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; font-size: 13px; color: var(--ee-text-2); }
.ee-es-ant { display: inline-flex; align-items: center; gap: 6px; }
.ee-es-selfmsg { margin: 6px 0 0; font-size: 13px; color: var(--ee-ok); }
.ee-es-selfmsg.is-bad { color: var(--ee-bad); }
.ee-es-queued { margin: var(--ee-space-3) 0 0; font-size: 13.5px; color: var(--ee-text-2); }
/* Geçmiş paneli · Karşılaştır (iki sütun, telefonda alt alta) */
.ee-es-hist { list-style: none; margin: 0; padding: 0; }
.ee-es-hist-i { padding: 12px 0; border-bottom: 1px solid var(--ee-border); }
.ee-es-hist-h { display: flex; align-items: center; gap: 8px; }
.ee-es-hist-t { font-size: 13.5px; font-weight: 600; }
.ee-es-hist-m { display: block; font-size: 12px; color: var(--ee-text-2); }
.ee-es-hist-d { margin-top: 6px; font-size: 13px; }
.ee-es-hist-d summary { cursor: pointer; color: var(--ee-primary); }
.ee-es-read { padding: 8px 10px; margin-top: 6px; border-radius: var(--ee-radius-sm); background: var(--ee-surface-2); font-size: 13.5px; line-height: 1.55; overflow-wrap: anywhere; }
.ee-es-read p { margin: 0 0 8px; }
.ee-es-read ul { margin: 0 0 8px; padding-left: 20px; }
.ee-es-read-s { font-weight: 700; }
.ee-es-cmp { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.ee-es-cmp h3 { margin: 0 0 6px; font-size: 13.5px; font-weight: 700; }
@media (max-width: 767.98px) { .ee-es-cmp { grid-template-columns: 1fr; } }
.ee-es-cmp .ee-es-add { background: var(--ee-ok-soft); color: var(--ee-ok); border-radius: 2px; }
.ee-es-cmp .ee-es-del { background: var(--ee-bad-soft); color: var(--ee-bad); text-decoration: line-through; border-radius: 2px; }
.ee-es-cmp .ee-es-chip.ee-es-add, .ee-es-cmp .ee-es-chip.ee-es-del { outline: 1px solid currentColor; }
.ee-es-cmp-legend { margin: 12px 0 0; font-size: 12.5px; color: var(--ee-text-2); }

/* Kişi menüsü (ortak _PersonMenu; Ön sayfa v2 §2.2, NOTLAR §2.1): ön sayfa bandı ve yönetim üst bandı aynı parça. Düğme 40 (yuvarlak 32 +
   ad + ▾; telefonda yalnız yuvarlak); menü 280, baş 44 yuvarlak + ad 14/700 + kullanıcı adı 12.5; öğe 36; Görünüm parçalı seçimi.
   Başka hesapta düğmede sarı halka (ee-imp-on), menü başında uyarı zemini + Kendi hesabıma dön. */
.ee-pm { position: relative; flex: none; }
.ee-pm > summary { list-style: none; cursor: pointer; }
.ee-pm > summary::-webkit-details-marker { display: none; }
.ee-pm-btn { display: inline-flex; align-items: center; gap: 8px; height: 40px; padding: 0 10px 0 4px; border: 1px solid var(--ee-border-strong); border-radius: 999px; background: transparent; color: var(--ee-text); }
.ee-pm-btn:hover { border-color: var(--ee-text-3); }
.ee-pm-btn:focus-visible { box-shadow: 0 0 0 3px var(--ee-k-ring, rgba(37, 99, 235, .25)); outline: 0; }
.ee-pm-btn .ee-avatar { width: 32px; height: 32px; font-size: 12px; }
.ee-pm-nm { max-width: 160px; font-size: 13.5px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ee-pm-car { font-size: 12px; color: var(--ee-text-2); }
.ee-pm-btn.ee-imp-on { border-color: var(--ee-warn); }
.ee-pm-imp-tag { display: block; font-size: 11px; font-weight: 600; line-height: 1.1; color: var(--ee-warn); }
.ee-pm-btn.ee-imp-on .ee-pm-nm { line-height: 1.15; }
.ee-pm-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 130; width: 280px; max-width: calc(100vw - 16px); padding: 6px; display: grid; gap: 2px; border: 1px solid var(--ee-border); border-radius: 12px; background: var(--ee-raised); box-shadow: var(--ee-raised-shadow); }
.ee-pm-head { display: flex; align-items: center; gap: 12px; padding: 10px 8px 12px; border-bottom: 1px solid var(--ee-border); margin-bottom: 4px; }
.ee-pm-head .ee-avatar { width: 44px; height: 44px; flex: none; }
.ee-pm-head > span { display: grid; min-width: 0; }
.ee-pm-head b { font-size: 14px; font-weight: 700; color: var(--ee-text); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-pm-head small { font-size: 12.5px; color: var(--ee-text-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ee-pm-imp { margin: 0 0 4px; border-radius: 8px; background: var(--ee-warn-soft); }
.ee-pm-it { display: flex; align-items: center; gap: 10px; width: 100%; min-height: 36px; padding: 0 8px; border: 0; border-radius: 8px; background: none; color: var(--ee-text); font-size: 13.5px; font-weight: 600; text-align: left; text-decoration: none; cursor: pointer; }
.ee-pm-it:hover, .ee-pm-it:focus-visible { background: var(--ee-surface-2); color: var(--ee-text); outline: 0; }
.ee-pm-it > i { font-size: 17px; color: var(--ee-text-2); }
.ee-pm-tg { margin-left: auto; font-size: 11.5px; font-weight: 700; color: var(--ee-text-2); }
.ee-pm-sep { height: 1px; margin: 4px 2px; background: var(--ee-border); }
.ee-pm-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; min-height: 36px; padding: 0 8px; font-size: 13.5px; font-weight: 600; color: var(--ee-text); }
.ee-pm-out, .ee-pm-out > i { color: var(--ee-bad); }
@media (max-width: 767.98px) { .ee-pm-btn { padding: 3px; border-color: transparent; } .ee-pm-nm, .ee-pm-car { display: none; } }

/* Parçalı seçim (Görünüm: Açık / Koyu; _ThemeSwitch). */
.ee-seg { display: inline-flex; padding: 2px; gap: 2px; border: 1px solid var(--ee-border-strong); border-radius: 8px; background: var(--ee-surface); }
.ee-seg > button { min-height: 28px; padding: 0 10px; border: 0; border-radius: 6px; background: none; color: var(--ee-text-2); font-size: 13px; font-weight: 600; cursor: pointer; }
.ee-seg > button[aria-pressed=true] { background: var(--ee-surface-2); color: var(--ee-text); box-shadow: inset 0 0 0 1px var(--ee-border); }
.ee-seg > button:focus-visible { box-shadow: 0 0 0 2px var(--ee-k-ring, rgba(37, 99, 235, .3)); outline: 0; }
.ee-seg-sm > button { min-height: 24px; padding: 0 9px; font-size: 12.5px; }