/*
 * STORY MONOKROM — Story Ajans tema katmanı (panel, cast portalı, giriş ekranları, formlar).
 *
 *  Karar (Tasarım Seçici 2): yön Story Monokrom · vurgu marka siyahı · yan menü antrasit · yazı tipi Arimo (başlık ve metin tek ortak font)
 *  · köşeler yumuşak · kart yüzeyi çizgili · başlık dili normal · ikon rozeti siyah daire · sayfa başlık alanı düz beyaz · yoğunluk kompakt · varsayılan açık.
 *
 *  1) --st-* değişkenleri (açık + koyu). Renk, yazı tipi, köşe, yoğunluk yalnız buradan değişir.
 *  2) Temel tipografi, üst çubuk araçları, alt bilgi, genel arama.
 *  3) Eski (Xenon / Bootstrap 3) bileşenlerin yeni görünüme giydirilmesi: story-skin.css.
 *
 * Yeni ekran/bileşen yazarken renk için var(--st-...) kullanın; sabit renk (#fff, #333) koyu temada okunmaz.
 */

/* ============================ YAZI TİPİ: Arimo (paneli ilk aldığımız zamanki font; kendi sunucumuzdan, Google'a istek atılmaz) ============================ */
@font-face { font-family: "Arimo"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/story/arimo-latin-ext-wght-normal.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Arimo"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/story/arimo-latin-wght-normal.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Arimo"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("../fonts/story/arimo-latin-ext-wght-italic.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Arimo"; font-style: italic; font-weight: 400 700; font-display: swap; src: url("../fonts/story/arimo-latin-wght-italic.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Arimo"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("../fonts/story/arimo-simgeler.woff2") format("woff2"); unicode-range: U+03A3, U+2190, U+2192, U+2194, U+21BB, U+2264-2265, U+22EE, U+25B2, U+25B6, U+25BC, U+25C0, U+25CF, U+2605, U+2630, U+2713-2716; }   /* R13: Arimo'da olmayan ok / onay / simge glifleri (← → ↔ ✓ ✕ ▲ ▼ ★ ● ☰ ⋮ …) tek bir kendi dosyamızdan gelir; işletim sistemi yedek fontuna düşmez */

/* ============================ DEĞİŞKENLER ============================ */
:root {
	/* yüzeyler */
	--st-bg: #f4f5f7; --st-surface: #ffffff; --st-surface-2: #f8f9fa; --st-surface-3: #eef0f3;
	--st-line: #eceef1; --st-line-2: #e1e4e8; --st-line-3: #cdd2d8;
	/* metin */
	--st-text: #15171a; --st-text-2: #454b53; --st-text-3: #79808a; --st-link: #15171a;
	/* yan menü (antrasit) */
	--st-sidebar: #23262a; --st-sidebar-2: #2c3035; --st-sidebar-line: #31353b; --st-sidebar-text: #a9afb7; --st-sidebar-on: #ffffff;
	/* form alanı */
	--st-input: #ffffff; --st-input-line: #d3d8de;
	/* vurgu: marka siyahı */
	--st-accent: #15171a; --st-accent-fg: #ffffff; --st-accent-soft: #eceef1; --st-accent-hover: #34383d;
	/* anlam renkleri (yalnız durum bildirir; marka rengi değildir) */
	--st-ok: #187a41; --st-ok-bg: #e5f4ea; --st-warn: #8f5f00; --st-warn-bg: #fcf0d3; --st-bad: #b3261e; --st-bad-bg: #fcebe9; --st-info: #1d5ea8; --st-info-bg: #e7f0fa;
	/* derinlik: kartlar çizgili, yalnız yüzen katmanlar gölge alır */
	--st-shadow: none; --st-shadow-pop: 0 14px 34px -14px rgba(15, 18, 22, .32); --st-overlay: rgba(15, 18, 22, .52);
	/* köşeler (yumuşak) */
	--st-r: 8px; --st-r-lg: 12px; --st-r-pill: 999px;
	/* yazı tipleri ve yoğunluk (kompakt) */
	--st-font-head: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--st-font-body: "Arimo", "Helvetica Neue", Helvetica, Arial, sans-serif;   /* TEK ORTAK YAZI TİPİ: paneli ilk aldığımız zamanki Arimo; başlık ve metin aynı */
	--st-fs: 13.5px; --st-lh: 1.5; --st-ctl-h: 34px; --st-gap: 16px; --st-pad: 14px;
	--st-bar-h: 34px; --st-side-w: 244px; --st-side-w-dar: 64px;
	/* R27 (kullanıcı geri bildirimi): sohbet düğmesi artık sağ kenar sekmesi → alttaki içeriği örtmez; sayfa sonu ile alt çubuk arası yalnız ~18 px (önce 60 px / telefonda 76 px). Eski not: Sayfa altı boşluğu — TEK AYAR NOKTASI (R13): son içerik ile sayfa sonu arası. Masaüstü 92 px, dar ekran 110 px: sağ alttaki sohbet düğmesinin (üst kenarı pencere altından ~104 px) sayfa sonundaki öğeyi örtmemesine yeten en az pay. Tüm ekranlar buna uyar; bir ekran için ayrı değer yazmayın. */
	--st-sayfa-alt: 52px; --st-sayfa-alt-mobil: 52px; --st-son-bosluk: 16px;   /* --st-son-bosluk: son kartın alt dış boşluğu (panel margin-bottom), toplamdan düşülür */
}
html[data-theme="dark"] {
	color-scheme: dark;
	--st-bg: #0e1012; --st-surface: #16181b; --st-surface-2: #1b1e22; --st-surface-3: #23262b;
	--st-line: #24282d; --st-line-2: #2e3238; --st-line-3: #434952;
	--st-text: #ececed; --st-text-2: #b6bbc2; --st-text-3: #858c95; --st-link: #e4e6e8;
	--st-sidebar: #101214; --st-sidebar-2: #1b1e22; --st-sidebar-line: #1f2328; --st-sidebar-text: #9aa1a9; --st-sidebar-on: #ffffff;
	--st-input: #121417; --st-input-line: #383d44;
	--st-accent: #f1f2f3; --st-accent-fg: #101214; --st-accent-soft: #272a2f; --st-accent-hover: #d7dade;
	--st-ok: #5fd39a; --st-ok-bg: #14271e; --st-warn: #e2b04a; --st-warn-bg: #2a2210; --st-bad: #ff8a80; --st-bad-bg: #2c1614; --st-info: #7bb8f0; --st-info-bg: #142231;
	--st-shadow: none; --st-shadow-pop: 0 14px 34px -12px rgba(0, 0, 0, .7); --st-overlay: rgba(0, 0, 0, .72);
}

/* ============================ TEMEL TİPOGRAFİ ============================ */
html { -webkit-text-size-adjust: 100%; }
body, input, select, textarea, button, .btn { font-family: var(--st-font-body); }
body { font-size: var(--st-fs); line-height: var(--st-lh); color: var(--st-text); background: var(--st-bg); -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--st-font-head); font-weight: 700; letter-spacing: -.01em; color: var(--st-text); text-transform: none; }
strong, b, th { font-weight: 700; }
a { color: var(--st-link); }
a:hover, a:focus { color: var(--st-text); }
::selection { background: var(--st-accent); color: var(--st-accent-fg); }
:focus-visible { outline: 2px solid var(--st-text-2); outline-offset: 2px; }

/* ============================ ÜST ÇUBUK ARAÇLARI: TEMA + DİL ============================ */
.st-tema { position: relative; display: inline-block; vertical-align: middle; }
.st-tema-btn { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 1px solid transparent; border-radius: var(--st-r); background: transparent; color: var(--st-text-3); cursor: pointer; }
.st-tema-btn:hover, .st-tema.acik .st-tema-btn { background: var(--st-surface-3); color: var(--st-text); }
.st-tema-btn:focus-visible, .st-tema-menu button:focus-visible { outline: 2px solid var(--st-text-2); outline-offset: 1px; }
.st-tema-ikon { display: inline-flex; }
.st-i { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.st-tema-menu { position: absolute; right: 0; top: calc(100% + 6px); z-index: 1200; display: none; min-width: 150px; padding: 5px; border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); background: var(--st-surface); box-shadow: var(--st-shadow-pop); }
.st-tema.acik .st-tema-menu { display: block; }
.st-tema-menu button { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: var(--st-r); background: transparent; color: var(--st-text-2); font-size: 13px; text-align: left; cursor: pointer; }
.st-tema-menu button:hover { background: var(--st-surface-3); color: var(--st-text); }
.st-tema-menu button[aria-checked="true"] { background: var(--st-accent-soft); color: var(--st-text); font-weight: 700; }
.st-tema-menu button[aria-checked="true"]::after { content: "\2713"; margin-left: auto; }

.user-info-navbar .user-info-menu > li.st-tools { display: inline-flex; align-items: center; gap: 8px; padding: 0 6px; float: left; }
.st-lang { display: inline-flex; align-items: center; gap: 2px; padding: 2px; border: 1px solid var(--st-line-2); border-radius: var(--st-r-pill); background: var(--st-surface-2); }
.st-lang a { display: inline-flex; align-items: center; justify-content: center; min-width: 32px; height: 24px; padding: 0 9px; border-radius: var(--st-r-pill); font-size: 11px; font-weight: 700; line-height: 1; letter-spacing: .05em; color: var(--st-text-3); text-decoration: none; transition: background .15s, color .15s; }
.st-lang a:hover { background: var(--st-surface-3); color: var(--st-text); }
.st-lang a.on { background: var(--st-accent); color: var(--st-accent-fg); }

/* ============================ İKON ROZETİ (siyah daire) ============================ */
.st-rozet { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 32px; height: 32px; border-radius: 50%; background: var(--st-accent); color: var(--st-accent-fg); }
.st-rozet .st-i, .st-rozet i, .st-rozet svg { width: 16px; height: 16px; font-size: 15px; line-height: 1; }
.st-rozet-s { width: 26px; height: 26px; } .st-rozet-s .st-i, .st-rozet-s i, .st-rozet-s svg { width: 13px; height: 13px; font-size: 12px; }
.st-rozet-b { width: 40px; height: 40px; } .st-rozet-b .st-i, .st-rozet-b i, .st-rozet-b svg { width: 19px; height: 19px; font-size: 18px; }

/* ============================ ALT BİLGİ ============================ */
body.page-body { padding-bottom: var(--st-bar-h); }
body.page-body .page-container > .main-content { padding-bottom: calc(var(--st-sayfa-alt) - var(--st-son-bosluk)); }   /* = 78 px; son kartın 16 px alt boşluğu ile toplam 94 px */
@media (max-width: 768px) { body.page-body .page-container > .main-content { padding-bottom: calc(var(--st-sayfa-alt-mobil) - var(--st-son-bosluk)); } body.page-body .page-container > .main-content:has(form.ga-kayit .pager.wizard) { padding-bottom: var(--st-sayfa-alt-mobil); } }   /* dar ekranda alt çubuk yok; sihirbazda son öğe düğme (alt dış boşluğu yok) → tam pay */
@media (min-width: 769px) { body.page-body .sidebar-menu .sidebar-menu-inner { padding-bottom: var(--st-bar-h); } }
body.page-body .story-cerez-tercih { bottom: calc(var(--st-bar-h) + 10px); }
body.page-body .story-cerez { bottom: calc(var(--st-bar-h) + 14px); }
.st-footer { margin-top: 28px; border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); background: var(--st-surface); color: var(--st-text-3); font-size: 12.5px; overflow: hidden; }
.st-footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.3fr; gap: 28px; padding: 24px 26px 10px; }
.st-footer h4 { margin: 0 0 10px; font-size: 12.5px; font-weight: 700; color: var(--st-text); }
.st-footer p { margin: 0 0 8px; line-height: 1.6; }
.st-footer ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 6px; }
.st-footer a { color: var(--st-text-2); text-decoration: none; }
.st-footer a:hover { color: var(--st-text); text-decoration: underline; }
.st-f-ad { display: block; margin-bottom: 8px; font: 800 15px var(--st-font-head); letter-spacing: .12em; color: var(--st-text); }
.st-f-markalar { grid-auto-flow: row; }
.st-f-markalar li::before { content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 8px; border-radius: 50%; background: var(--st-text-3); vertical-align: 1px; }
.st-footer-alt { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 18px; padding: 12px 26px 14px; border-top: 1px solid var(--st-line); font-size: 11.5px; }
.st-bar { position: fixed; left: var(--st-side-w); right: 0; bottom: 0; z-index: 1085; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 14px; height: var(--st-bar-h); padding: 0 22px; background: var(--st-surface); border-top: 1px solid var(--st-line-2); color: var(--st-text-3); font-size: 12px; line-height: 1; white-space: nowrap; }
.sidebar-menu.collapsed ~ .main-content .st-bar { left: var(--st-side-w-dar); }
/* üç bölge: sol = sürüm (+ test ortamı, çerez tercihleri) · orta = ürün adı · sağ = firma; yıl ve sürüm yalın metin (rozet / arka plan yok) */
.st-bar-sol { display: flex; align-items: center; gap: 14px; justify-self: start; min-width: 0; }
.st-bar-ad { justify-self: center; text-align: center; }
.st-bar-sag { display: flex; align-items: center; justify-content: flex-end; justify-self: end; min-width: 0; }
.st-bar strong { color: var(--st-text-2); font-weight: 700; letter-spacing: .02em; }
.st-bar .st-bar-yil, .st-bar .st-bar-surum { padding: 0; border: 0; background: transparent; color: var(--st-text-2); font-weight: 400; font-size: 12px; letter-spacing: 0; }
.st-bar .st-bar-firma { font-weight: 700; color: var(--st-text-2); letter-spacing: .02em; }
.st-bar-cerez { display: inline-flex; align-items: center; }
.st-bar .story-cerez-tercih-satir { display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; border-radius: 0; background: transparent; color: var(--st-text-3); font: 400 12px/1 var(--st-font-body); text-decoration: underline; text-decoration-color: var(--st-line-3); text-underline-offset: 3px; cursor: pointer; }
.st-bar .story-cerez-tercih-satir:hover { background: transparent; color: var(--st-text); text-decoration-color: currentColor; }
.st-bar .story-cerez-tercih-satir:focus-visible { outline: 2px solid var(--st-accent); outline-offset: 2px; }
.st-bar-ortam { color: var(--st-warn); font-weight: 700; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.st-bar a { color: var(--st-text-2); text-decoration: none; } .st-bar a:hover { color: var(--st-text); text-decoration: underline; }
@media (max-width: 768px) { .st-bar, .sidebar-menu.collapsed ~ .main-content .st-bar { left: 0; padding: 0 14px; grid-template-columns: 1fr auto; } .st-bar-ad { display: none; } }
@media (max-width: 900px) { .st-footer-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .st-footer-grid { grid-template-columns: 1fr; padding-inline: 18px; } .st-bar-caka, .st-bar-durum { display: none; } .st-bar { gap: 12px; padding-inline: 14px; } .st-footer-alt { padding-inline: 18px; } }

/* ============================ ÜST ÇUBUK: GENİŞ ARAMA ============================ */
@media (min-width: 769px) {
	.user-info-navbar { display: flex; align-items: center; }
	.user-info-navbar::before, .user-info-navbar::after { display: none; }
	.user-info-navbar .user-info-menu.left-links { display: flex; align-items: center; flex: 1 1 auto; float: none; min-width: 0; }
	.user-info-navbar .user-info-menu.right-links { float: none; flex: 0 0 auto; }
	.user-info-navbar .left-links > li.st-ara { display: flex; align-items: center; flex: 1 1 320px; min-width: 0; padding: 0 16px 0 6px; float: none; }
	/* R24: SMS rozetinin değeri (özellikle İngilizcede uzun "could not be retrieved") arama kutusunu 0 px'e ezip kısayol / düğme / tema simgesiyle üst üste bindirmesin: değer kısalır (üç nokta), kutu en az ~118 px kalır */
	.user-info-navbar .left-links > li.st-sms-kalan .sms-kalan-deger { display: inline-block; max-width: 6.5em; overflow: hidden; text-overflow: ellipsis; vertical-align: bottom; }
	.user-info-navbar .left-links > li.st-ara { min-width: 140px; }
}
@media (min-width: 769px) and (max-width: 1180px) {   /* R24: dar masaüstünde uzun ad + tarih bloğu kısalır (üç nokta) → arama kutusu sağdaki kullanıcı bloğuna binmez */
	.user-info-navbar .right-links > li.user-profile > a > span { display: block; max-width: 150px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
/* R24 (kullanıcı işareti, EN üst çubuk): 769–1100 px'te (iPad dikey 810 / 820 / 834 dahil) sol öğelerin toplamı çubuktan geniş kalıyor, arama kutusu avatar bloğunun altına biniyordu → SMS rozeti yalnız simgeye iner (renk + araç ipucu kalır); 900 px altında kullanıcı bloğu yalnız avatar olur */
@media (min-width: 769px) and (max-width: 1100px) {
	.user-info-navbar .left-links > li.st-sms-kalan .sms-kalan { font-size: 0 !important; padding: 3px 8px !important; }
	.user-info-navbar .left-links > li.st-sms-kalan .sms-kalan i { font-size: 13px; }
	.user-info-navbar .left-links > li.st-sms-kalan .sms-kalan-deger, .user-info-navbar .left-links > li.st-sms-kalan .sms-kalan-yenile { display: none !important; }
}
@media (min-width: 769px) and (max-width: 900px) {   /* ad + tarih gizlenir, açılır ok (absolute) kalır */
	body .user-info-navbar .user-info-menu.right-links > li.user-profile > a > span { font-size: 0 !important; max-width: 0; }
	body .user-info-navbar .user-info-menu.right-links > li.user-profile > a > span i:not(.fa-angle-down) { display: none; }
}
.quick_search { position: relative; display: block; padding: 0; width: 100%; }
.quick_search input { float: none; display: block; width: 100% !important; min-width: 0; height: 36px; padding: 6px 44px 6px 14px; border-radius: var(--st-r-pill); background: var(--st-surface-2); border: 1px solid var(--st-line-2); color: var(--st-text); font-size: 13px; box-shadow: none; }
/* ipucu metni (kategori listesi) sığsın diye bir tık küçük */
.quick_search input::placeholder { font-size: 12px; letter-spacing: 0; }
.quick_search input:focus { background: var(--st-input); border-color: var(--st-text-3); box-shadow: 0 0 0 3px var(--st-accent-soft); }
.quick_search button { position: absolute; right: 3px; top: 3px; float: none; width: 30px; height: 30px; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: var(--st-text-3); font-size: 14px; line-height: 30px; text-align: center; }
.quick_search button:hover { color: var(--st-text); background: var(--st-surface-3); }
.quick_search .qs-kisayol { position: absolute; right: 38px; top: 8px; padding: 2px 7px; border: 1px solid var(--st-line-3); border-radius: 5px; font: 700 11px/1.3 var(--st-font-body); color: var(--st-text-3); pointer-events: none; }
.quick_search.acik .qs-kisayol, .quick_search input:focus ~ .qs-kisayol { display: none; }
.qs_results { position: absolute; top: calc(100% + 8px); left: 0; right: 0; z-index: 1200; width: auto; max-height: min(72vh, 620px); overflow-y: auto; border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); background: var(--st-surface); box-shadow: var(--st-shadow-pop); padding: 6px 0 0; }
.qs_results .qs-grup { padding: 4px 0 6px; border-bottom: 1px solid var(--st-line); }
.qs_results h4 { display: flex; align-items: center; gap: 8px; margin: 0; padding: 8px 16px 4px; border: 0; font: 700 11.5px var(--st-font-head); letter-spacing: 0; text-transform: none; color: var(--st-text-3); }
.qs_results h4 .qs-ik { display: inline-flex; } .qs_results h4 .st-ik { width: 14px; height: 14px; }
.qs_results h4 .qs-n { margin-left: auto; padding: 1px 8px; border-radius: 999px; background: var(--st-surface-3); font-style: normal; font-size: 10.5px; color: var(--st-text-2); }
.qs_results ul li a { display: block; padding: 8px 16px; white-space: normal; color: var(--st-text-2); font-size: 13px; line-height: 1.4; }
.qs_results ul li a strong { color: var(--st-text); }
.qs_results ul li a i { font-style: normal; color: var(--st-text-3); }
.qs_results ul li a:hover, .qs_results ul li a.on { background: var(--st-surface-3); color: var(--st-text); text-decoration: none; }
.qs_results ul li a mark { padding: 0 1px; border-radius: 2px; background: var(--st-warn-bg); color: inherit; }
.qs_results .qs-bos { padding: 18px 16px; text-align: center; color: var(--st-text-3); font-size: 13px; }
.qs_results .qs-alt { position: sticky; bottom: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 4px 14px; padding: 8px 16px; background: var(--st-surface-2); border-top: 1px solid var(--st-line); font-size: 11px; color: var(--st-text-3); }
.qs_results .qs-alt span { white-space: nowrap; }   /* R25 görsel denetim (1024): dar açılır listede "gezin / aç / kapat" simgenin altına kayıyordu */
.qs_results .qs-alt kbd { margin-right: 3px; padding: 1px 5px; border: 1px solid var(--st-line-3); border-radius: 4px; background: var(--st-surface); box-shadow: none; font: 600 10.5px var(--st-font-body); color: var(--st-text-2); }
.qs_results .qs-alt .qs-top { margin-left: auto; }
/* kişi satırları (cast · başvuru · personel): solda küçük yuvarlak fotoğraf */
.qs_results ul li a.qs-satir { display: flex; align-items: center; gap: 12px; }
.qs_results .qs-foto { flex: none; width: 36px; height: 36px; border-radius: 50%; object-fit: cover; object-position: center top; background: var(--st-surface-3); border: 1px solid var(--st-line-2); }
.qs_results .qs-metin { min-width: 0; }

/* başvuru listesi: profil tamamlama yüzdesi */
.story-profil-yuzde { display: inline-flex; align-items: center; gap: 7px; font-size: 12px; font-weight: 700; color: var(--st-text-2); white-space: nowrap; }
.story-profil-yuzde .bar { display: inline-block; width: 44px; height: 6px; border-radius: 3px; background: var(--st-surface-3); overflow: hidden; }
.story-profil-yuzde .bar i { display: block; height: 100%; background: var(--st-accent); }

/* Giriş sayfasında üstte dolan yükleme çubuğu (Xenon varsayılanı yeşildi) → tema vurgu rengi; iz (arka çizgi) hafif gri */
body .xenon-loading-bar { background: var(--st-line-2); height: 3px; }
body .xenon-loading-bar span { background: var(--st-accent); }