/*
 * STORY MONOKROM — bileşen giydirmesi (Xenon / Bootstrap 3 → yeni görünüm).
 *
 * Kural: bu dosyada yalnız --st-* değişkenleri kullanılır; açık ve koyu tema aynı kurallardan beslenir.
 * Sıra: 1 kabuk (yan menü, üst çubuk, sayfa başlığı) · 2 kartlar · 3 düğmeler · 4 etiketler · 5 formlar · 6 tablolar
 *       7 sekmeler/sihirbaz · 8 açılır menü/pencere/uyarı · 9 üçüncü parti bileşenler · 10 portal + özel bileşenler.
 * Yeni ekran yazarken buradaki sınıfları (panel, btn, label, table, nav-tabs…) kullanın; ekrana özel renk yazmayın.
 */

:root {
	--st-px: 24px;          /* içerik yatay boşluğu */
	--st-nav-h: 64px;       /* üst çubuk yüksekliği (yan menü logo alanıyla aynı: çizgiler kesintisiz devam eder) */
	--st-card-line: var(--st-line-2);
}
@media (max-width: 768px) { :root { --st-px: 15px; } }

/* ============================ 1) KABUK ============================ */
html, body.page-body { background: var(--st-bg); color: var(--st-text); }
body.page-body { font-size: var(--st-fs); line-height: var(--st-lh); }
.page-container { background: transparent; }

/* içerik alanı */
body .page-container .main-content { padding: 0 var(--st-px); padding-bottom: 0; background: transparent; color: var(--st-text); }
body .page-container .main-content > .st-footer { margin-bottom: 18px; }

/* --- yan menü (antrasit) --- */
body .sidebar-menu { width: var(--st-side-w); background: var(--st-sidebar); }
body .sidebar-menu .sidebar-menu-inner { background: var(--st-sidebar); }
body .sidebar-menu .logo-env { display: flex; align-items: center; justify-content: center; height: var(--st-nav-h); padding: 0 22px; border-bottom: 1px solid var(--st-sidebar-line); box-sizing: border-box; }   /* logo yatayda tam ortada */
body .sidebar-menu .logo-env .logo { float: none; display: block; }
body .sidebar-menu .logo-env .logo img { display: block; max-width: 100%; height: auto; }
body .sidebar-menu .logo-env .logo .logo-expanded img { width: 92px; max-width: 100%; }
body .sidebar-menu .sidebar-user-info { margin: 0; padding: 12px 16px; background: transparent; border: 0; border-bottom: 1px solid var(--st-sidebar-line); }
body .sidebar-menu .sidebar-user-info .sidebar-user-info-inner { padding: 0; }
body .sidebar-menu .sidebar-user-info .user-profile { display: flex; align-items: center; gap: 11px; padding: 0; color: var(--st-sidebar-text); text-decoration: none; }
body .sidebar-menu .sidebar-user-info .user-profile img { float: none; width: 36px; height: 36px; margin: 0; border: 0; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }
body .sidebar-menu .sidebar-user-info .user-profile span { display: block; min-width: 0; margin: 0; padding: 0; font-size: 11.5px; line-height: 1.35; color: var(--st-sidebar-text); }
body .sidebar-menu .sidebar-user-info .user-profile strong { display: block; font: 700 13px var(--st-font-head); color: var(--st-sidebar-on); }
body .sidebar-menu .sidebar-user-info .user-links { width: auto; border: 0; display: flex; flex-wrap: nowrap; gap: 6px; margin: 10px 0 0; padding: 0; background: transparent; }
body .sidebar-menu .sidebar-user-info .user-links li { float: none; width: auto !important; margin: 0; padding: 0; }
body .sidebar-menu .sidebar-user-info .user-links li a { display: inline-flex; align-items: center; gap: 6px; padding: 5px 9px; white-space: nowrap; line-height: 1.3; border-radius: var(--st-r); background: var(--st-sidebar-2); color: var(--st-sidebar-text); font-size: 11.5px; font-weight: 600; text-decoration: none; }
body .sidebar-menu .sidebar-user-info .user-links li a:hover { color: var(--st-sidebar-on); }
body .sidebar-menu .sidebar-user-info .user-links li a i { margin: 0; font-size: 12px; float: none; }
body .sidebar-menu .sidebar-user-info .user-links li.active a { background: var(--st-sidebar-2); }
body .sidebar-menu .sidebar-user-info .user-links li.logout-link { width: auto !important; }
body .sidebar-menu .sidebar-user-info .user-links li.logout-link a { padding: 5px 9px; }
body .sidebar-menu .sidebar-user-info .user-links li + li a { border: 0; }

body .sidebar-menu .main-menu { margin: 8px 0 18px; padding: 0 10px; }
body .sidebar-menu .main-menu a { display: flex; align-items: center; gap: 0; padding: 8px 12px; border: 0; border-radius: var(--st-r); color: var(--st-sidebar-text); font-size: 13px; font-weight: 600; line-height: 1.35; text-decoration: none; }
body .sidebar-menu .main-menu a > i { flex: 0 0 22px; width: 22px; margin: 0 8px 0 0; font-size: 15px; text-align: center; opacity: .92; }
body .sidebar-menu .main-menu a > i + span { padding-right: 6px; }
body .sidebar-menu .main-menu a > span.title { flex: 1 1 auto; min-width: 0; white-space: normal; }
body .sidebar-menu .main-menu a:hover { background: var(--st-sidebar-2); color: var(--st-sidebar-on); }
body .sidebar-menu .main-menu li.active > a,
body .sidebar-menu .main-menu li.opened > a { color: var(--st-sidebar-on); }
body .sidebar-menu .main-menu li.active > a { background: var(--st-sidebar-2); }
body .sidebar-menu .main-menu li.has-sub > a:before,
body .sidebar-menu .main-menu li.opened > a:before { order: 3; margin-left: auto; color: var(--st-sidebar-text); }
body .sidebar-menu .main-menu ul { margin: 2px 0 6px; }
body .sidebar-menu .main-menu ul li a { padding: 6px 12px 6px 42px; font-size: 12.5px; font-weight: 600; }
body .sidebar-menu .main-menu ul li ul li a { padding-left: 54px; }
body .sidebar-menu .main-menu ul li ul li ul li a { padding-left: 66px; }
body .sidebar-menu .main-menu > li { border: 0; margin: 0 0 1px; }
/* etiket / sayaç: yan menüde hep nötr, soluk hap */
body .sidebar-menu .main-menu a > .label,
body .sidebar-menu .main-menu a > .badge { margin: 0 0 0 auto; padding: 2px 8px; border-radius: var(--st-r-pill); background: rgba(255, 255, 255, .12); color: var(--st-sidebar-on); font-size: 10.5px; font-weight: 700; line-height: 1.4; }
body .sidebar-menu .main-menu li.active > a > .label { background: rgba(255, 255, 255, .2); }
body .sidebar-menu .ps-scrollbar-x-rail .ps-scrollbar-x, body .sidebar-menu .ps-scrollbar-y-rail .ps-scrollbar-y { background-color: rgba(255, 255, 255, .22); }
body .sidebar-menu .logo-env .settings-icon a { color: var(--st-sidebar-text); }
body .sidebar-menu .logo-env .mobile-menu-toggle a { color: var(--st-sidebar-text); }

/* daraltılmış menü */
@media (min-width: 768px) {
	body .sidebar-menu.collapsed { width: var(--st-side-w-dar); }
	body .sidebar-menu.collapsed .logo-env { padding: 14px 0; }
	body .sidebar-menu.collapsed .main-menu { padding: 0 8px; }
	body .sidebar-menu.collapsed .main-menu > li > a { justify-content: center; padding: 10px 0; }
	body .sidebar-menu.collapsed .main-menu > li > a > i { margin: 0; flex-basis: auto; font-size: 17px; }
	body .sidebar-menu.collapsed .main-menu > li > ul { width: 230px; margin: 0; padding: 6px; border: 1px solid var(--st-sidebar-line); border-radius: var(--st-r-lg); background: var(--st-sidebar); box-shadow: var(--st-shadow-pop); }
	body .sidebar-menu.collapsed .main-menu > li > ul > li > a { padding-left: 12px; justify-content: flex-start; }
	body .sidebar-menu.collapsed .main-menu > li.active, body .sidebar-menu.collapsed .main-menu > li li.active { background: transparent; }
	body .sidebar-menu.collapsed .sidebar-user-info { display: none; }
}

@media (max-width: 768px) {
	body .sidebar-menu { width: 100%; }
	body .sidebar-menu .logo-env { display: flex; align-items: center; justify-content: space-between; padding: 10px var(--st-px); border-bottom: 0; }
	body .sidebar-menu .logo-env .logo { float: none; }
	body .sidebar-menu .logo-env .logo .logo-expanded img { width: 92px; }
	body .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle { float: none; display: flex; align-items: center; gap: 4px; }
	body .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a { margin: 0; padding: 8px 10px; color: var(--st-sidebar-text); }
	body .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i { font-size: 19px; }
	body .sidebar-menu .main-menu { margin: 0; padding: 6px 10px 14px; }
	body .sidebar-menu .sidebar-user-info.mobile-is-visible { display: block; }
}

/* --- üst çubuk --- */
body .user-info-navbar { position: relative; z-index: 1000; min-height: var(--st-nav-h); height: var(--st-nav-h); margin: 0 calc(var(--st-px) * -1); padding: 0 calc(var(--st-px) - 10px) 0 calc(var(--st-px) - 10px); background: var(--st-surface); border: 0; border-bottom: 1px solid var(--st-line-2); box-shadow: none; }
body .user-info-navbar .user-info-menu > li { border: 0; height: var(--st-nav-h); }
body .user-info-navbar .user-info-menu > li > a { display: flex; align-items: center; height: var(--st-nav-h); padding: 0 12px; top: 0; border: 0; color: var(--st-text-3); }
body .user-info-navbar .user-info-menu > li > a:hover,
body .user-info-navbar .user-info-menu > li.open > a { color: var(--st-text); background: transparent; }
body .user-info-navbar .user-info-menu > li > a i { font-size: 16px; }
body .user-info-navbar .user-info-menu > li > a .badge { top: 11px; right: 3px; min-width: 17px; padding: 3px 4px; border-radius: var(--st-r-pill); background: var(--st-accent); color: var(--st-accent-fg); font-size: 9.5px; font-weight: 700; line-height: 1.1; }
body .user-info-navbar .user-info-menu > li.hover-line:before { background: var(--st-accent); }
body .user-info-navbar .user-info-menu > li.open { border: 0; }
body .user-info-navbar .user-info-menu > li.user-profile > a { gap: 10px; padding: 0 8px 0 12px !important; top: 0 !important; line-height: 1.25; }
body .user-info-navbar .user-info-menu > li.user-profile > a > img { margin: 0 !important; width: 34px; height: 34px; border-radius: 50%; object-fit: cover; }
body .user-info-navbar .user-info-menu > li.user-profile > a > span { margin: 0; font-size: 12.5px; font-weight: 700; color: var(--st-text); }
body .user-info-navbar .user-info-menu > li.user-profile > a > span i { font-size: 11px !important; font-style: normal; font-weight: 600; color: var(--st-text-3); }
body .user-info-navbar .user-info-menu > li.user-profile > a > span i.fa-angle-down { font-size: 13px !important; margin-left: 4px; }
body .user-info-navbar .user-info-menu > li .dropdown-menu { margin-top: 0; }
@media (max-width: 768px) {
	body .user-info-navbar { height: auto; min-height: 0; padding: 0 var(--st-px); }
	body .user-info-navbar .user-info-menu > li, body .user-info-navbar .user-info-menu > li > a { height: auto; }
	body .user-info-navbar .user-info-menu > li > a { padding: 14px 12px; }
}

/* --- sayfa başlığı: düz beyaz bant --- */
body .page-container .main-content .page-title { margin: 0 calc(var(--st-px) * -1) 18px; padding: 14px 0; background: var(--st-surface); border: 0; border-bottom: 1px solid var(--st-line-2); box-shadow: none; }
body .page-container .main-content .page-title .title-env { padding-left: var(--st-px); }
body .page-container .main-content .page-title .breadcrumb-env { padding-right: var(--st-px); }
/* telefonda başlığın altına düşen eylem düğmeleri başlıkla aynı sol çizgide (Xenon 10px dolgu veriyordu) */
@media (max-width: 768px) { body .page-container .main-content .page-title .breadcrumb-env { padding-left: var(--st-px); } body .page-container .main-content .page-title .title-env { padding-right: var(--st-px); } }   /* uzun açıklama metni ekran kenarına yapışmasın */
body .page-container .main-content .page-title.full-width .title-env { padding-right: var(--st-px); }
body .page-container .main-content .page-title .title-env .title { margin: 0; font: 700 20px/1.25 var(--st-font-head); letter-spacing: -.015em; color: var(--st-text); }
body .page-container .main-content .page-title .title-env .title + p,
body .page-container .main-content .page-title .title-env .description { margin: 3px 0 0; font-size: 12.5px; line-height: 1.45; color: var(--st-text-3); }
body .page-container .main-content .page-title .breadcrumb-env .breadcrumb { margin: 6px 0 0; padding: 0; background: transparent; }
body .page-container .main-content .page-title .breadcrumb-env .breadcrumb li a { font-size: 12px; }
.breadcrumb { background: transparent; }
.breadcrumb > li, .breadcrumb > li a { color: var(--st-text-3); }
.breadcrumb > li + li:before { color: var(--st-line-3); }
.breadcrumb > .active, .breadcrumb > .active a { color: var(--st-text-2); font-weight: 600; }

/* ============================ 2) KARTLAR (çizgili, yumuşak köşe) ============================ */
body .panel { padding: 0; background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-card-line); border-radius: var(--st-r-lg); margin-bottom: var(--st-gap); box-shadow: var(--st-shadow); overflow: hidden; }
body .panel.panel-flat { background: transparent; border: 0; border-radius: 0; overflow: visible; }
body .panel.panel-tabs { background: transparent; border: 0; border-radius: 0; margin-bottom: 10px; padding: 0; overflow: visible; }
body .panel > .panel-heading,
body .panel.panel-default > .panel-heading { position: relative; display: flow-root; margin: 0; padding: 12px var(--st-pad); background: transparent; border: 0; border-bottom: 1px solid var(--st-line); border-radius: 0; color: var(--st-text); font-size: 14px; }
body .panel > .panel-heading > .panel-title,
body .panel .panel-title { float: left; margin: 0; font: 700 14px/1.4 var(--st-font-head); letter-spacing: -.005em; color: var(--st-text); }
body .panel > .panel-heading > .panel-title > a { color: inherit; }
body .panel > .panel-heading > .panel-options { float: right; font-size: 13px; }
body .panel > .panel-heading > .panel-options a { color: var(--st-text-3); }
body .panel > .panel-heading > .panel-options a:hover { color: var(--st-text); }
body .panel > .panel-body { padding: var(--st-pad); padding-top: var(--st-pad); color: var(--st-text-2); }
body .panel.panel-headerless > .panel-body { padding-top: var(--st-pad); }
body .panel > .panel-body.no-padding { margin: 0; padding: 0; }
body .panel > .panel-body.panel-border { border-top: 1px solid var(--st-line); padding-top: var(--st-pad); }
body .panel > .panel-body p { color: var(--st-text-2); }
body .panel > .panel-footer { padding: 10px var(--st-pad); background: var(--st-surface-2); border-top: 1px solid var(--st-line); color: var(--st-text-2); }
body .panel > .table, body .panel > .panel-body > .table { margin-bottom: 0; }
body .panel .panel-disabled { background: var(--st-overlay); }
body .panel.panel-border { border-color: var(--st-line-3); }
body .panel.panel-shadow { box-shadow: var(--st-shadow-pop); }
body .panel.panel-inverted { background: var(--st-sidebar); color: var(--st-sidebar-on); border-color: var(--st-sidebar-line); }
body .panel.panel-inverted > .panel-heading { border-bottom-color: var(--st-sidebar-line); }
/* renkli paneller: başlık nötr kalır, yalnız ince renk şeridi anlam taşır */
body .panel.panel-success > .panel-heading, body .panel.panel-info > .panel-heading, body .panel.panel-warning > .panel-heading,
body .panel.panel-danger > .panel-heading, body .panel.panel-red > .panel-heading, body .panel.panel-black > .panel-heading,
body .panel.panel-purple > .panel-heading, body .panel.panel-blue > .panel-heading, body .panel.panel-primary > .panel-heading,
body .panel.panel-secondary > .panel-heading, body .panel.panel-gray > .panel-heading { background: var(--st-surface-2); color: var(--st-text); border-bottom: 1px solid var(--st-line); }
body .panel.panel-success > .panel-heading > .panel-title, body .panel.panel-info > .panel-heading > .panel-title, body .panel.panel-warning > .panel-heading > .panel-title,
body .panel.panel-danger > .panel-heading > .panel-title, body .panel.panel-red > .panel-heading > .panel-title, body .panel.panel-black > .panel-heading > .panel-title,
body .panel.panel-purple > .panel-heading > .panel-title, body .panel.panel-blue > .panel-heading > .panel-title, body .panel.panel-primary > .panel-heading > .panel-title,
body .panel.panel-secondary > .panel-heading > .panel-title, body .panel.panel-gray > .panel-heading > .panel-title { color: var(--st-text); }
body .panel.panel-success { border-top: 3px solid var(--st-ok); }
body .panel.panel-info { border-top: 3px solid var(--st-info); }
body .panel.panel-warning { border-top: 3px solid var(--st-warn); }
body .panel.panel-danger, body .panel.panel-red { border-top: 3px solid var(--st-bad); }
body .panel.panel-black, body .panel.panel-primary, body .panel.panel-purple, body .panel.panel-blue, body .panel.panel-secondary { border-top: 3px solid var(--st-accent); }
body .panel.panel-success > .panel-heading > .panel-options a, body .panel.panel-info > .panel-heading > .panel-options a, body .panel.panel-warning > .panel-heading > .panel-options a,
body .panel.panel-danger > .panel-heading > .panel-options a, body .panel.panel-red > .panel-heading > .panel-options a, body .panel.panel-black > .panel-heading > .panel-options a,
body .panel.panel-purple > .panel-heading > .panel-options a, body .panel.panel-blue > .panel-heading > .panel-options a { color: var(--st-text-3); }
/* panel başlığındaki sekmeler */
body .panel > .panel-heading > .panel-options .nav-tabs > li > a { margin-left: 14px; padding: 0 0 2px; color: var(--st-text-3); background: transparent; border: 0; border-bottom: 2px solid transparent; }
body .panel > .panel-heading > .panel-options .nav-tabs > li.active > a { color: var(--st-text); border-bottom-color: var(--st-accent); }

/* diğer kutular */
.well, .jumbotron { background: var(--st-surface-2); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); box-shadow: none; }
.list-group { border-radius: var(--st-r-lg); }
.list-group-item { background: var(--st-surface); color: var(--st-text-2); border-color: var(--st-line-2); }
a.list-group-item:hover, a.list-group-item:focus { background: var(--st-surface-3); color: var(--st-text); }
.list-group-item.active, .list-group-item.active:hover { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
hr { border-top-color: var(--st-line-2); }
small, .text-muted, .help-block { color: var(--st-text-3); }
.text-success { color: var(--st-ok); } .text-danger { color: var(--st-bad); } .text-warning { color: var(--st-warn); } .text-info { color: var(--st-info); }
.bg-success { background: var(--st-ok-bg); } .bg-danger { background: var(--st-bad-bg); } .bg-warning { background: var(--st-warn-bg); } .bg-info { background: var(--st-info-bg); }

/* sayı kutuları (xe-widget): çizgili kart + siyah daire */
body .xe-widget { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-card-line); border-radius: var(--st-r-lg); padding: var(--st-pad); margin-bottom: var(--st-gap); box-shadow: none; }
body .xe-widget .xe-label strong, body .xe-widget .xe-label .num { color: var(--st-text); font-family: var(--st-font-head); }
body .xe-widget .xe-label span, body .xe-widget .xe-label small { color: var(--st-text-3); }
body .xe-widget .xe-icon { border-radius: 50%; background: var(--st-accent); color: var(--st-accent-fg); }
body .xe-widget.xe-counter-block, body .xe-widget.xe-vertical-counter,
body .xe-widget.xe-vertical-counter.xe-vertical-counter-primary, body .xe-widget.xe-vertical-counter.xe-vertical-counter-info, body .xe-widget.xe-vertical-counter.xe-vertical-counter-danger,
body .xe-widget.xe-counter-block[class*="xe-counter-block-"] { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-card-line); }
body .xe-widget.xe-counter-block .xe-label span, body .xe-widget.xe-counter-block .xe-label strong, body .xe-widget.xe-counter-block .xe-label small,
body .xe-widget.xe-vertical-counter .xe-label span, body .xe-widget.xe-vertical-counter .xe-label strong, body .xe-widget.xe-vertical-counter .xe-label small { color: var(--st-text); opacity: 1; }
body .xe-widget.xe-vertical-counter .xe-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin-bottom: 8px; border-radius: 50%; background: var(--st-accent); color: var(--st-accent-fg); }
body .xe-widget.xe-vertical-counter .xe-icon i { color: inherit; font-size: 18px; }

/* ============================ 3) DÜĞMELER ============================ */
body .btn { margin-bottom: 8px; padding: 6px 14px; border: 1px solid transparent; border-radius: var(--st-r); font: 600 13px/1.4 var(--st-font-body); letter-spacing: 0; text-shadow: none; box-shadow: none; transition: background-color .12s, border-color .12s, color .12s; }
body .btn + .btn { margin-left: 6px; }
body .btn.btn-single { margin-bottom: 0; }
body .btn:active, body .btn.active { box-shadow: none; }
body .btn-lg { padding: 9px 20px; font-size: 14.5px; border-radius: var(--st-r); }
body .btn-sm { padding: 5px 11px; font-size: 12.5px; }
body .btn-xs { padding: 3px 9px; font-size: 12px; line-height: 1.45; border-radius: 6px; }
/* düğme içindeki ilk simge: sabit genişlikli kutu + metinle eşit boşluk (film, kamera, ok… simgeleri farklı genişlikte olduğundan metne yapışıyordu) */
body .btn > i.fa:first-child, body .btn > i[class*=" fa-"]:first-child, body .btn > i[class^="fa-"]:first-child { display: inline-block; min-width: 1.15em; margin-right: 3px; text-align: center; vertical-align: -1px; }
body .btn.ga-btn-ikon > i.fa, body .btn.btn-icon > i.fa, body .btn.btn-icon-standalone > i.fa, body .btn.st-tekrar-sil > i.fa { margin-right: 0; }   /* yalnız simgeli düğmeler ortalı kalır */
/* yalnız simgeli düğmeler KARE olur (assets/js/story-ortak.js bunları .btn-icon-only ile işaretler; yeni eklenenler de): xs 30 · sm 32 · varsayılan 34 · lg 42 */
body .btn.btn-icon-only { display: inline-flex; align-items: center; justify-content: center; width: var(--st-ctl-h); height: var(--st-ctl-h); min-width: 0; padding: 0; }
body .btn.btn-icon-only.btn-sm { width: 32px; height: 32px; }
body .btn.btn-icon-only.btn-xs { width: 30px; height: 30px; }
body .btn.btn-icon-only.btn-lg { width: 42px; height: 42px; }
body .btn.btn-icon-only > i.fa, body .btn.btn-icon-only > i[class*=" fa-"] { min-width: 0; margin: 0; }
/* araç çubuklarında (filtre / toplu işlem satırı) düğme ile aynı satırdaki giriş / seçim kutusu aynı yükseklikte */
body .gb-filtre .btn, body .gc-filtre .btn, body .ga-filtre .btn, body .ga-satir-form .btn, body .ga-f-eylem .btn, body .rh-eylemler .btn, body .gc-sag .btn-sm { min-height: var(--st-ctl-h); }
body :has(> select.input-sm, > input.input-sm) > .btn-xs, body :has(> select.input-sm, > input.input-sm) > .btn-sm { min-height: 30px; }
body .gb-arac .btn, body .gb-arac select.form-control, body .gb-arac input.form-control { min-height: 30px; }
body .gb-arac select.form-control.input-sm { height: 30px; padding-top: 0; padding-bottom: 0; }
@supports (appearance: base-select) { body .gb-arac select.form-control.input-sm { display: flex; align-items: center; } }   /* R27: özelleştirilebilir select + 0 dikey dolgu → metin kutunun üstüne yapışıyordu (≈ 4,5 px yukarıda) */
body .btn-block + .btn-block { margin-left: 0; }
body .btn.btn-icon-standalone i { border-right-color: rgba(255, 255, 255, .22); }
/* ana eylem: marka siyahı (tüm "renkli" düğmeler tek vurgu rengine iner) */
body .btn-primary, body .btn-secondary, body .btn-success, body .btn-info, body .btn-warning, body .btn-purple, body .btn-turquoise, body .btn-blue, body .btn-orange,
body .btn-pink, body .btn-yellow, body .btn-green, body .btn-dark, body .btn-black, body .btn-ana, body .btn.btn-primary, body .btn.btn-secondary, body .btn.btn-success,
body .btn.btn-info, body .btn.btn-warning, body .btn.btn-purple, body .btn.btn-turquoise, body .btn.btn-blue, body .btn.btn-orange, body .btn.btn-pink, body .btn.btn-dark, body .btn.btn-black {
	background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg);
}
body .btn-primary:hover, body .btn-secondary:hover, body .btn-success:hover, body .btn-info:hover, body .btn-warning:hover, body .btn-purple:hover, body .btn-turquoise:hover, body .btn-blue:hover,
body .btn-orange:hover, body .btn-pink:hover, body .btn-dark:hover, body .btn-black:hover, body .btn-ana:hover,
body .btn-primary:focus, body .btn-secondary:focus, body .btn-success:focus, body .btn-info:focus, body .btn-warning:focus, body .btn-purple:focus, body .btn-dark:focus,
body .btn-primary:active, body .btn-secondary:active, body .btn-success:active, body .btn-info:active, body .btn-warning:active, body .btn-purple:active, body .btn-dark:active,
body .btn-primary.active, body .btn-success.active, body .btn-info.active, body .btn-warning.active, body .open > .dropdown-toggle.btn-primary, body .open > .dropdown-toggle.btn-success,
body .btn.btn-primary:hover, body .btn.btn-secondary:hover, body .btn.btn-success:hover, body .btn.btn-info:hover, body .btn.btn-warning:hover, body .btn.btn-purple:hover, body .btn.btn-dark:hover,
body .btn.btn-primary:active, body .btn.btn-secondary:active, body .btn.btn-success:active, body .btn.btn-info:active, body .btn.btn-warning:active, body .btn.btn-purple:active, body .btn.btn-dark:active,
body .btn.btn-primary:focus, body .btn.btn-secondary:focus, body .btn.btn-success:focus, body .btn.btn-info:focus, body .btn.btn-warning:focus, body .btn.btn-purple:focus, body .btn.btn-dark:focus {
	background: var(--st-accent-hover); border-color: var(--st-accent-hover); color: var(--st-accent-fg);
}
/* ikincil: çizgili */
body .btn-default, body .btn-white, body .btn-gray, body .btn-grey, body .btn-hafif, body .btn-light, body .btn.btn-default, body .btn.btn-white, body .btn.btn-gray, body .btn.btn-grey, body .btn-geri, body .btn-cancel {
	background: var(--st-surface); border-color: var(--st-line-3); color: var(--st-text);
}
body .btn-default:hover, body .btn-white:hover, body .btn-gray:hover, body .btn-grey:hover, body .btn-hafif:hover, body .btn-light:hover, body .btn-geri:hover, body .btn-cancel:hover,
body .btn-default:focus, body .btn-white:focus, body .btn-gray:focus, body .btn-grey:focus, body .btn-default:active, body .btn-white:active, body .btn-gray:active, body .btn-grey:active,
body .btn-default.active, body .btn-white.active, body .btn-gray.active, body .open > .dropdown-toggle.btn-default, body .open > .dropdown-toggle.btn-gray,
body .btn.btn-default:hover, body .btn.btn-white:hover, body .btn.btn-gray:hover, body .btn.btn-grey:hover, body .btn.btn-gray:active, body .btn.btn-gray:focus, body .btn.btn-white:active, body .btn.btn-default:active,
/* R25 görsel denetim (koyu tema, tüm cihazlar): xenon ".btn.btn-white:focus { background:#f2f2f2 }" (0,3,0) bizim "body .btn-white:focus" (0,2,1) kuralını eziyordu → tıklanıp odak kalan beyaz düğme (örn. portal "Formu gör") koyu temada açık gri zemin + açık yazı = okunmaz (kontrast 1,05) */
body .btn.btn-white:focus, body .btn.btn-default:focus, body .btn.btn-white.focus, body .btn.btn-default.focus, body .btn.btn-grey:focus {
	background: var(--st-surface-3); border-color: var(--st-line-3); color: var(--st-text);
}
/* tehlikeli eylem */
body .btn-danger, body .btn-red, body .btn.btn-danger, body .btn.btn-red { background: var(--st-bad); border-color: var(--st-bad); color: #fff; }
body .btn-danger:hover, body .btn-red:hover, body .btn-danger:focus, body .btn-red:focus, body .btn-danger:active, body .btn-red:active, body .btn.btn-danger:hover, body .btn.btn-red:hover, body .btn.btn-danger:active { background: var(--st-bad); border-color: var(--st-bad); color: #fff; filter: brightness(.9); }
body .btn-link { background: transparent; border-color: transparent; color: var(--st-link); text-decoration: underline; text-underline-offset: 2px; }
body .btn-link:hover { background: transparent; color: var(--st-text); }
body .btn.disabled, body .btn[disabled], fieldset[disabled] body .btn { opacity: .45; filter: none; }
body .btn-group > .btn + .btn, body .btn-group .btn + .btn, body .btn-toolbar .btn + .btn { margin-left: -1px; }
body .btn-toolbar .btn-default, body .btn-toolbar .btn-primary { background: var(--st-surface); border-color: var(--st-line-3); color: var(--st-text); }
body .btn .caret { border-top-color: currentColor; }
body .btn-group > .btn, body .btn-group-vertical > .btn { margin-bottom: 0; }
body .btn-group.open .dropdown-toggle { box-shadow: none; }
/* düğme ikonları */
body .btn i { vertical-align: -1px; }
body .btn-icon, body .btn.btn-icon { line-height: 1.2; }
body .btn.btn-icon i { padding: 3px 0; }

/* ============================ 4) ETİKET / ROZET (yumuşak tonlu hap) ============================ */
body .label, body .badge { display: inline-block; padding: 3px 9px; border: 0; border-radius: var(--st-r-pill); background: var(--st-surface-3); color: var(--st-text-2); font: 700 11px/1.35 var(--st-font-body); letter-spacing: .01em; text-transform: none; text-shadow: none; vertical-align: baseline; white-space: nowrap; }
body .label-default, body .badge-default, body .label-primary, body .badge-primary, body .label-secondary, body .badge-secondary, body .label-purple, body .badge-purple,
body .label-black, body .badge-black, body .label-dark, body .label-gray, body .label-grey, body .label-pink, body .label-turquoise, body .label-blue, body .label-orange, body .label-yellow,
body .badge-pink, body .badge-turquoise, body .badge-orange, body .badge-yellow, body .badge-blue { background: var(--st-surface-3); color: var(--st-text-2); }
body .label-success, body .badge-success, body .badge-green, body .label-green { background: var(--st-ok-bg); color: var(--st-ok); }
body .label-warning, body .badge-warning { background: var(--st-warn-bg); color: var(--st-warn); }
body .label-danger, body .label-red, body .badge-danger, body .badge-red { background: var(--st-bad-bg); color: var(--st-bad); }
body .label-info, body .badge-info { background: var(--st-info-bg); color: var(--st-info); }
body .label-white, body .badge-white { background: var(--st-surface); color: var(--st-text-2); box-shadow: inset 0 0 0 1px var(--st-line-3); }
body .label[class*="label-"] a, body .badge a { color: inherit; }
body .badge { min-width: 18px; padding: 2px 7px; text-align: center; }
body .btn .badge, body .btn .label { background: rgba(255, 255, 255, .22); color: inherit; }
body .btn-default .badge, body .btn-gray .badge, body .btn-white .badge { background: var(--st-surface-3); color: var(--st-text-2); }

/* ============================ 5) FORMLAR ============================ */
body .form-control, body input.form-control, body textarea.form-control, body select.form-control {
	height: var(--st-ctl-h); padding: 6px 11px; background-color: var(--st-input); color: var(--st-text); border: 1px solid var(--st-input-line); border-radius: var(--st-r);
	font: 400 var(--st-fs)/1.4 var(--st-font-body); box-shadow: none; transition: border-color .12s, box-shadow .12s;
}
body textarea.form-control { height: auto; min-height: 76px; }
body select.form-control { padding-right: 24px; }
body select[multiple].form-control, body select[size].form-control { height: auto; }
body .form-control:focus { background-color: var(--st-input); color: var(--st-text); border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); outline: 0; }
body .form-control[disabled], body .form-control[readonly], body fieldset[disabled] .form-control { background-color: var(--st-surface-2); color: var(--st-text-3); border-color: var(--st-line-2); opacity: 1; cursor: not-allowed; }
body .form-control::placeholder, ::placeholder { color: var(--st-text-3); opacity: 1; }
body .input-sm, body .form-control.input-sm { height: 30px; padding: 4px 9px; font-size: 12.5px; border-radius: 6px; }
body .input-lg, body .form-control.input-lg { height: 42px; padding: 9px 14px; font-size: 15px; }
body .input-group-addon { padding: 6px 11px; background: var(--st-surface-3); color: var(--st-text-2); border: 1px solid var(--st-input-line); border-radius: var(--st-r); }
body .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; }
body .input-group-btn .btn { margin: 0; }
body .form-group { margin-bottom: 14px; }
body label, body .control-label { color: var(--st-text-2); font-weight: 600; font-size: 12.5px; }
body .form-horizontal .control-label { padding-top: 8px; }
body .help-block { margin: 4px 0 0; font-size: 12px; color: var(--st-text-3); }
body legend { padding-bottom: 8px; border-bottom: 1px solid var(--st-line-2); color: var(--st-text); font: 700 15px var(--st-font-head); }
body .form-group.validate-has-error .form-control, body .has-error .form-control { border-color: var(--st-bad); }
body .form-group.validate-has-error .form-control:focus, body .has-error .form-control:focus { box-shadow: 0 0 0 3px var(--st-bad-bg); }
body .has-error .help-block, body .has-error .control-label, body span.validate-has-error, body .validate-has-error span.error { color: var(--st-bad); }
/* R5: Xenon "alandan hemen sonraki span = hata iletisi" (display:block) kuralı, giriş grubundaki − / + düğme kapsayıcısını da blok yapıp alta atıyordu (numaratör "Gerekli" uyarısında kayıyordu) */
body form .form-group.validate-has-error .input-group > .form-control + .input-group-btn, body form .form-group.validate-has-error .input-group > .form-control + .input-group-addon { display: table-cell; padding-top: 0; }
body form .form-group.validate-has-error .input-group > .form-control + .input-group-btn { font-size: 0; }
body form .form-group.validate-has-error .input-group + span.validate-has-error { display: block; padding-top: 5px; font-size: 12px; line-height: 1.4; }   /* numaratör: hata iletisi grubun altında, diğer alanlarla aynı boy */
body .has-success .form-control { border-color: var(--st-ok); }
body .error, body .error_status { color: var(--st-bad); }
body input[type="file"] { font-size: 12.5px; color: var(--st-text-2); }
body input[type="range"] { accent-color: var(--st-accent); }
input[type="checkbox"], input[type="radio"] { accent-color: var(--st-accent); }
/* cbr onay kutuları */
body .cbr-replaced .cbr-state { width: 17px; height: 17px; background: var(--st-input); border: 1.5px solid var(--st-input-line); border-radius: 5px; }
body .cbr-replaced .cbr-state span { background-image: none; }
body .cbr-replaced.cbr-checked .cbr-state { background: var(--st-accent); border-color: var(--st-accent); }
body .cbr-replaced.cbr-checked .cbr-state span { background-image: none; }
body .cbr-replaced.cbr-checked:not(.cbr-radio) .cbr-state span:after { content: ""; position: absolute; left: 5px; top: 1.5px; width: 4px; height: 8px; border: solid var(--st-accent-fg); border-width: 0 2px 2px 0; transform: rotate(45deg); }
body .cbr-replaced.cbr-radio .cbr-state { border-radius: 50%; }
body .cbr-replaced.cbr-radio.cbr-checked .cbr-state span { background: var(--st-accent-fg); left: 4px; right: 4px; top: 4px; bottom: 4px; }
body .cbr-replaced[class*="cbr-"] .cbr-state { border-color: var(--st-input-line); }
body .cbr-replaced.cbr-checked[class*="cbr-"] .cbr-state { border-color: var(--st-accent); }
/* iCheck */
.icheckbox_minimal, .iradio_minimal, .icheckbox_square, .iradio_square, .icheckbox_flat, .iradio_flat { filter: grayscale(1); }
html[data-theme="dark"] .icheckbox_minimal, html[data-theme="dark"] .iradio_minimal { filter: grayscale(1) invert(.82); }
/* select2 (v3): .form-control sınıflı kapta çerçeve kabın kendisindedir, aksi halde .select2-choice çerçevelenir */
body .select2-container .select2-choice { min-height: var(--st-ctl-h); height: var(--st-ctl-h); line-height: calc(var(--st-ctl-h) - 2px); background: var(--st-input) !important; background-image: none !important; color: var(--st-text) !important; border: 1px solid var(--st-input-line) !important; border-radius: var(--st-r) !important; box-shadow: none; }
body .select2-container > .select2-choice > .select2-chosen { margin-right: 34px; padding: 0; color: var(--st-text) !important; line-height: calc(var(--st-ctl-h) - 2px); }   /* yerel <select> ile aynı: metin soldan 12px, dikeyde ortalı */
body .select2-container .select2-choice { padding: 0 0 0 11px; }
body .select2-container .select2-choice .select2-arrow { width: 34px; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: 0 var(--st-r) var(--st-r) 0; }
/* ok: yerel <select> ile aynı çizgi çevre (aşağıdaki "yerel açılır liste oku" kuralıyla aynı SVG) */
body .select2-container .select2-choice .select2-arrow b { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2379808a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center / 12px 8px !important; transition: transform .15s ease; }
html[data-theme="dark"] body .select2-container .select2-choice .select2-arrow b { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23b6bbc2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important; }
body .select2-dropdown-open .select2-choice .select2-arrow b { transform: rotate(180deg); }
body .select2-container.form-control { height: auto !important; min-height: var(--st-ctl-h); padding: 0; background: var(--st-input); border: 1px solid var(--st-input-line); border-radius: var(--st-r); box-shadow: none; }
body .select2-container.form-control .select2-choice { height: calc(var(--st-ctl-h) - 2px); min-height: 0; line-height: calc(var(--st-ctl-h) - 2px); border: 0 !important; border-radius: var(--st-r) !important; background: transparent !important; }
body .select2-container.select2-container-active .select2-choice, body .select2-dropdown-open .select2-choice { border-color: var(--st-accent) !important; box-shadow: 0 0 0 3px var(--st-accent-soft); }
body .select2-container.form-control.select2-container-active, body .select2-container.form-control.select2-dropdown-open { border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
body .select2-container.form-control.select2-container-active .select2-choice, body .select2-container.form-control.select2-dropdown-open .select2-choice { box-shadow: none; }
body .select2-container.select2-container-disabled .select2-choice, body .select2-container.form-control.select2-container-disabled { background: var(--st-surface-2) !important; color: var(--st-text-3) !important; }
body .select2-container-multi .select2-choices { min-height: calc(var(--st-ctl-h) - 2px); padding: 1px 4px; background: transparent !important; background-image: none !important; border: 0 !important; border-radius: var(--st-r); box-shadow: none; }
body .select2-container-multi:not(.form-control) .select2-choices { background: var(--st-input) !important; border: 1px solid var(--st-input-line) !important; }
body .select2-container-multi .select2-choices .select2-search-choice { margin: 3px 4px 3px 0; padding: 3px 8px 3px 20px; background: var(--st-surface-3) !important; background-image: none !important; color: var(--st-text); border: 1px solid var(--st-line-3); border-radius: 6px; box-shadow: none; font-size: 12px; }
body .select2-container-multi .select2-choices .select2-search-field input { background: transparent !important; color: var(--st-text); }
body .select2-drop, body .select2-drop.select2-drop-above { background: var(--st-surface); color: var(--st-text); border: 1px solid var(--st-line-3); border-radius: var(--st-r); box-shadow: var(--st-shadow-pop); }
body .select2-drop-active { border-color: var(--st-line-3); }
body .select2-search input { background: var(--st-input) !important; color: var(--st-text); border: 1px solid var(--st-input-line); border-radius: 6px; }
html body .select2-drop .select2-results li.select2-highlighted { background-color: var(--st-accent); }
html body .select2-drop .select2-results li.select2-highlighted .select2-result-label,
html body .select2-drop .select2-results li .select2-result-selectable.select2-highlighted .select2-result-label { color: var(--st-accent-fg); }
html body .select2-drop.select2-drop-active { border-color: var(--st-line-3); box-shadow: var(--st-shadow-pop); }
body .select2-search input { box-shadow: none; outline: 0; }
body .select2-search input:focus { border-color: var(--st-accent); }
body .select2-results { background: var(--st-surface); }
body .select2-results .select2-result-label { padding: 6px 10px; color: var(--st-text); }
body .select2-results .select2-highlighted { background: var(--st-accent); color: var(--st-accent-fg); }
body .select2-results .select2-highlighted .select2-result-label { color: var(--st-accent-fg); }
body .select2-results .select2-disabled, body .select2-results .select2-no-results, body .select2-results .select2-searching { background: var(--st-surface); color: var(--st-text-3); }
/* diğer alan bileşenleri */
body .selectboxit-container .selectboxit, body .selectboxit-container .selectboxit-options { background: var(--st-input); border-color: var(--st-input-line); border-radius: var(--st-r); }
body .selectboxit-container .selectboxit-text, body .selectboxit-container .selectboxit-option-anchor { color: var(--st-text); }
body .selectboxit-container .selectboxit-option-anchor:hover { background: var(--st-surface-3); color: var(--st-text); }
body .ms-container .ms-list, body .ms-container .ms-selectable, body .ms-container .ms-selection { background: var(--st-input); color: var(--st-text); border-color: var(--st-input-line); border-radius: var(--st-r); }
body .ms-container .ms-optgroup-label { background: var(--st-surface-3); color: var(--st-text-2); }
body .ms-container .ms-selectable li.ms-elem-selectable, body .ms-container .ms-selection li.ms-elem-selection { color: var(--st-text); border-color: var(--st-line); background: transparent; }
body .ms-container .ms-selectable li.ms-hover, body .ms-container .ms-selection li.ms-hover { background: var(--st-accent); color: var(--st-accent-fg); }
body .bootstrap-tagsinput { background: var(--st-input); color: var(--st-text); border-color: var(--st-input-line); border-radius: var(--st-r); box-shadow: none; }
body .bootstrap-tagsinput input { background: transparent; color: var(--st-text); }
body .bootstrap-tagsinput .tag { background: var(--st-accent); color: var(--st-accent-fg); border-radius: 6px; }
body .twitter-typeahead .tt-menu, body .tt-dropdown-menu { background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r); box-shadow: var(--st-shadow-pop); }
body .tt-suggestion { color: var(--st-text-2); }
body .tt-suggestion:hover, body .tt-suggestion.tt-cursor { background: var(--st-accent); color: var(--st-accent-fg); }
body .form-control.datepicker, body input.daterange { background-image: none; }
body .minicolors-panel, body .minicolors-input { border-radius: var(--st-r); }

/* ============================ 6) TABLOLAR ============================ */
body .table { margin-bottom: var(--st-gap); background: transparent; color: var(--st-text-2); }
body .table > thead > tr > th, body .table > tbody > tr > th, body .table > tfoot > tr > th,
body .table > thead > tr > td, body .table > tbody > tr > td, body .table > tfoot > tr > td { padding: 9px 12px; border-top: 1px solid var(--st-line); vertical-align: middle; }
body .table > thead > tr > th { padding-top: 10px; padding-bottom: 10px; border-top: 0; border-bottom: 1px solid var(--st-line-2); background: var(--st-surface-2); color: var(--st-text-2); font: 700 11.5px/1.35 var(--st-font-head); letter-spacing: .01em; text-transform: none; vertical-align: bottom; }
body .table > thead > tr > th a { color: inherit; }
body .table > tbody > tr > td a:not(.btn):not(.label) { color: var(--st-link); font-weight: 600; }
body .table-striped > tbody > tr:nth-of-type(odd), body .table-striped > tbody > tr:nth-child(odd) { background: var(--st-surface-2); }
body .table-hover > tbody > tr:hover, body .table > tbody > tr.active, body .table > tbody > tr > td.active { background: var(--st-surface-2); }
body .table.table-bordered, body .table.table-bordered > thead > tr > th, body .table.table-bordered > tbody > tr > th, body .table.table-bordered > tfoot > tr > th,
body .table.table-bordered > thead > tr > td, body .table.table-bordered > tbody > tr > td, body .table.table-bordered > tfoot > tr > td { border-color: var(--st-line-2); }
body .table.table-bordered { border: 1px solid var(--st-line-2); border-collapse: separate; border-spacing: 0; border-radius: var(--st-r); overflow: hidden; }
body .table.table-bordered > thead > tr > th, body .table.table-bordered > tbody > tr > th { background: var(--st-surface-2); color: var(--st-text-2); font: 700 11.5px/1.35 var(--st-font-head); }
body .table.table-model-2.table-bordered { border-color: var(--st-line-2); }
body .table-responsive { border: 1px solid var(--st-line-2); border-radius: var(--st-r); }
body .panel > .table-responsive { border: 0; border-radius: 0; }
body .table .btn { margin-bottom: 0; }
body .table > tbody > tr.success > td { background: var(--st-ok-bg); } body .table > tbody > tr.warning > td { background: var(--st-warn-bg); } body .table > tbody > tr.danger > td { background: var(--st-bad-bg); } body .table > tbody > tr.info > td { background: var(--st-info-bg); }
/* dataTables */
body .dataTables_wrapper .dataTables_length, body .dataTables_wrapper .dataTables_filter, body .dataTables_wrapper .dataTables_info, body .dataTables_wrapper .dataTables_paginate { color: var(--st-text-2); font-size: 12.5px; }
body table.dataTable thead th, body table.dataTable thead td { border-bottom: 1px solid var(--st-line-2); }
body table.dataTable tbody tr { background: transparent; }
body table.dataTable.stripe tbody tr.odd, body table.dataTable.table-striped tbody tr.odd { background: var(--st-surface-2); }
body .dataTables_wrapper .dataTables_paginate .paginate_button { color: var(--st-text-2) !important; border-radius: var(--st-r); }
body .dataTables_wrapper .dataTables_paginate .paginate_button.current, body .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { background: var(--st-accent) !important; border-color: var(--st-accent) !important; color: var(--st-accent-fg) !important; }
body .dataTables_wrapper .dataTables_paginate .paginate_button:hover { background: var(--st-surface-3) !important; border-color: var(--st-line-2) !important; color: var(--st-text) !important; }

/* ============================ 7) SEKMELER · SİHİRBAZ · SAYFALAMA ============================ */
body .nav.nav-tabs, body .nav-tabs { border-bottom: 1px solid var(--st-line-2); }
body .nav.nav-tabs > li, body .nav-tabs > li { margin-bottom: -1px; }
body .nav.nav-tabs > li > a, body .nav-tabs > li > a { margin: 0 2px 0 0; padding: 9px 15px; background: transparent; color: var(--st-text-3); border: 0; border-bottom: 2px solid transparent; border-radius: 0; font-size: 13px; font-weight: 600; line-height: 1.4; }
body .nav.nav-tabs > li > a:hover, body .nav-tabs > li > a:hover { background: transparent; color: var(--st-text); border: 0; border-bottom: 2px solid var(--st-line-3); }
body .nav.nav-tabs > li.active > a, body .nav.nav-tabs > li.active > a:hover, body .nav.nav-tabs > li.active > a:focus,
body .nav-tabs > li.active > a, body .nav-tabs > li.active > a:hover, body .nav-tabs > li.active > a:focus { background: transparent; color: var(--st-text); border: 0; border-bottom: 2px solid var(--st-accent); cursor: default; }
body .nav-tabs > li > a > .badge, body .nav-tabs > li > a > .label { margin-left: 5px; }
body .nav.nav-tabs + .tab-content, body .nav-tabs + .tab-content { margin-bottom: var(--st-gap); padding: var(--st-pad); background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-top: 0; border-radius: 0 0 var(--st-r-lg) var(--st-r-lg); }
body .panel-body .nav.nav-tabs + .tab-content, body .panel-body .nav-tabs + .tab-content { padding: var(--st-pad) 0 0; background: transparent; border: 0; border-radius: 0; margin-bottom: 0; }
body .nav.nav-tabs.nav-tabs-justified, body .nav-tabs-justified .nav.nav-tabs { border-bottom: 1px solid var(--st-line-2); }
body .tab-content > .tab-pane { background: transparent; }
body .tabs-vertical-env .nav.tabs-vertical li > a { margin-bottom: 4px; background: transparent; color: var(--st-text-3); border: 1px solid transparent; border-radius: var(--st-r); text-align: left; }
body .tabs-vertical-env .nav.tabs-vertical li.active > a { background: var(--st-surface); color: var(--st-text); border-color: var(--st-line-2); }
body .tabs-vertical-env .tab-content { padding: var(--st-pad); background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); }
body .tabs-vertical-env.tabs-vertical-bordered .tab-content, body .tabs-vertical-env.tabs-vertical-bordered .nav.tabs-vertical > li > a { border-color: var(--st-line-2); }
body .nav-pills > li > a { padding: 7px 14px; border-radius: var(--st-r); color: var(--st-text-2); font-weight: 600; }
body .nav-pills > li > a:hover { background: var(--st-surface-3); color: var(--st-text); }
body .nav-pills > li.active > a, body .nav-pills > li.active > a:hover, body .nav-pills > li.active > a:focus { background: var(--st-accent); color: var(--st-accent-fg); }
body .nav > li > a:hover, body .nav > li > a:focus { background-color: transparent; }
/* adım sihirbazı (Xenon form-wizard) */
body .form-wizard > .tabs { display: table; border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); overflow: hidden; background: var(--st-surface); }
body .form-wizard > .tabs > li { background: var(--st-surface); }
body .form-wizard > .tabs > li + li { border-left: 1px solid var(--st-line-2); }
body .form-wizard > .tabs > li a { padding: 10px 6px 0; color: var(--st-text-3); font-size: 12.5px; font-weight: 700; }
body .form-wizard > .tabs > li a > span { margin: 8px -6px 0; padding: 4px 0; background: var(--st-surface-3); color: var(--st-text-3); font-size: 11.5px; font-weight: 700; }
body .form-wizard > .tabs > li a:hover { background: var(--st-surface-2); }
body .form-wizard > .tabs > li.active a { color: var(--st-text); }
body .form-wizard > .tabs > li.active a > span { background: var(--st-accent); color: var(--st-accent-fg); }
body .form-wizard > .tabs > li.active a:after { background: transparent; }
body .form-wizard > .tabs > li.completed { background: var(--st-surface-2); }
body .form-wizard > .tabs > li.completed a > span { background: var(--st-accent-soft); color: var(--st-text); }
body .form-wizard > .progress-indicator > span { background: var(--st-accent); }
body .form-wizard .tab-content { margin-top: 16px; background: transparent; padding: 0; border: 0; }
body .form-wizard .tab-content label { color: var(--st-text-2); }
body .form-wizard .tab-content strong { color: var(--st-text); }
body .form-wizard .tab-content .tab-pane.with-bg { padding: var(--st-pad); background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); }
body .form-wizard .tab-content .tab-pane > .form-group { margin-bottom: 14px; }
body .form-wizard .pager { margin-top: 14px; }
body .pager li > a, body .pager li > span { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-3); border-radius: var(--st-r); font-weight: 600; }
body .pager li > a:hover { background: var(--st-surface-3); color: var(--st-text); }
/* sayfalama */
body .pagination { margin: 4px 0; }
body .pagination > li > a, body .pagination > li > span { font-family: var(--st-font-body); margin: 0 2px; padding: 6px 12px; background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: var(--st-r) !important; font-weight: 600; font-size: 13px; }
body .pagination > li > a:hover, body .pagination > li > a:focus { background: var(--st-surface-3); border-color: var(--st-line-3); color: var(--st-text); }
body .pagination > .active > a, body .pagination > .active > a:hover, body .pagination > .active > a:focus, body .pagination > .active > span { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body .pagination > .disabled > a, body .pagination > .disabled > span { background: var(--st-surface-2); color: var(--st-text-3); border-color: var(--st-line); }

/* ============================ 8) AÇILIR MENÜ · PENCERE · UYARI · İLERLEME ============================ */
body .dropdown-menu { margin-top: 4px; padding: 5px; background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); box-shadow: var(--st-shadow-pop); font-size: 13px; }
body .dropdown-menu > li > a { padding: 7px 11px; border-radius: 6px; color: var(--st-text-2); font-weight: 600; }
body .dropdown-menu > li > a:hover, body .dropdown-menu > li > a:focus { background: var(--st-surface-3); color: var(--st-text); }
body .dropdown-menu > .active > a, body .dropdown-menu > .active > a:hover { background: var(--st-accent); color: var(--st-accent-fg); }
body .dropdown-menu .divider { margin: 5px 0; background: var(--st-line-2); }
body .dropdown-header { color: var(--st-text-3); font-size: 11px; font-weight: 700; }
body .user-info-navbar .user-info-menu > li .dropdown-menu { margin-top: 0; padding: 5px; border: 1px solid var(--st-line-2); box-shadow: var(--st-shadow-pop); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu { width: 230px; padding: 5px; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li { padding: 0; margin: 0; background: transparent; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a { display: flex; align-items: center; gap: 9px; padding: 8px 11px; border: 0; border-radius: 6px; color: var(--st-text-2); font-weight: 600; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a i { width: 16px; margin: 0; text-align: center; color: var(--st-text-3); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li a:hover { background: var(--st-surface-3); color: var(--st-text); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last { margin-top: 4px; padding-top: 4px; background: transparent; border-top: 1px solid var(--st-line); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.user-profile-menu li.last:after { display: none; }
/* bildirim menüsü */
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications { width: 360px; max-width: calc(100vw - 24px); padding: 0; overflow: hidden; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications > li.top { padding: 12px 16px; background: var(--st-surface-2); border-bottom: 1px solid var(--st-line); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications > li.top p { margin: 0; color: var(--st-text-2); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list { max-height: 340px; }
body .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a { display: flex; align-items: flex-start; gap: 10px; padding: 11px 16px; border-radius: 0; color: var(--st-text-2); }
body .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:after { left: 16px; right: 16px; background: var(--st-line); }
body .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li a:hover { background: var(--st-surface-2); color: var(--st-text); }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a > i { float: none; flex: 0 0 28px; width: 28px; height: 28px; margin-top: 0; padding: 0; background: var(--st-accent) !important; color: var(--st-accent-fg) !important; box-shadow: none; border-radius: 50%; font-size: 13px; line-height: 28px; text-align: center; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line { padding-left: 0; display: block; font-size: 12.5px; line-height: 1.4; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line strong { color: var(--st-text) !important; }
body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line.time, body .user-info-navbar .user-info-menu > li .dropdown-menu.notifications .dropdown-menu-list > li > a .line.small { font-size: 11px; color: var(--st-text-3); }
body .user-info-navbar .user-info-menu > li .dropdown-menu .dropdown-menu-list li.active a { color: var(--st-text-2); }
body .user-info-navbar .user-info-menu > li .dropdown-menu > .external { margin: 0; padding: 0; background: var(--st-surface-2); }
body .user-info-navbar .user-info-menu > li .dropdown-menu > .external:after { background-color: var(--st-line); }
body .user-info-navbar .user-info-menu > li .dropdown-menu > .external a { display: block; padding: 10px 16px; background: transparent; color: var(--st-text); font-weight: 700; text-align: center; }
body .user-info-navbar .user-info-menu > li .dropdown-menu > .external a span { float: none; }
body .user-info-navbar .user-info-menu > li .dropdown-menu > .external a i { float: none; margin-left: 6px; }
/* modal */
body .modal-content { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); box-shadow: var(--st-shadow-pop); }
body .modal-header { padding: 14px 18px; background: transparent; border-bottom: 1px solid var(--st-line); }
body .modal-title { font: 700 15px/1.4 var(--st-font-head); color: var(--st-text); }
body .modal-body { padding: 18px; }
body .modal-footer { padding: 12px 18px; background: transparent; border-top: 1px solid var(--st-line); }
body .modal-backdrop, body .modal-backdrop.in { background: var(--st-overlay); opacity: 1; }
body .close { color: var(--st-text); text-shadow: none; opacity: .55; }
body .close:hover { opacity: 1; color: var(--st-text); }
/* uyarılar */
body .alert { margin-bottom: var(--st-gap); padding: 11px 15px; border: 1px solid transparent; border-radius: var(--st-r); font-size: 13px; line-height: 1.5; }
body .alert-info { background: var(--st-info-bg); border-color: var(--st-info-bg); color: var(--st-info); }
body .alert-success { background: var(--st-ok-bg); border-color: var(--st-ok-bg); color: var(--st-ok); }
body .alert-warning { background: var(--st-warn-bg); border-color: var(--st-warn-bg); color: var(--st-warn); }
body .alert-danger, body .alert-error { background: var(--st-bad-bg); border-color: var(--st-bad-bg); color: var(--st-bad); }
body .alert a { color: inherit; text-decoration: underline; font-weight: 700; }
body .alert .close { color: inherit; }
/* ilerleme çubuğu */
body .progress { height: 8px; margin-bottom: 12px; overflow: hidden; background: var(--st-surface-3); border-radius: var(--st-r-pill); box-shadow: none; }
body .progress-bar { background: var(--st-accent); box-shadow: none; font-size: 0; }
body .progress-bar-success { background: var(--st-ok); } body .progress-bar-warning { background: var(--st-warn); }
body .progress-bar-danger, body .progress-bar-red { background: var(--st-bad); } body .progress-bar-info { background: var(--st-info); }
body .progress.progress-lg { height: 12px; }
/* popover · tooltip */
body .popover { background: var(--st-surface); border: 1px solid var(--st-line-3); border-radius: var(--st-r-lg); box-shadow: var(--st-shadow-pop); color: var(--st-text-2); }
body .popover-title { padding: 9px 14px; background: var(--st-surface-2); color: var(--st-text); border-bottom: 1px solid var(--st-line); font: 700 13px var(--st-font-head); border-radius: var(--st-r-lg) var(--st-r-lg) 0 0; }
body .popover-content { padding: 10px 14px; }
body .popover.top > .arrow:after { border-top-color: var(--st-surface); } body .popover.bottom > .arrow:after { border-bottom-color: var(--st-surface); }
body .popover.left > .arrow:after { border-left-color: var(--st-surface); } body .popover.right > .arrow:after { border-right-color: var(--st-surface); }
body .tooltip-inner { padding: 5px 10px; background: var(--st-text); color: var(--st-surface); border-radius: 6px; font-size: 12px; font-weight: 600; }
body .tooltip.top .tooltip-arrow { border-top-color: var(--st-text); } body .tooltip.bottom .tooltip-arrow { border-bottom-color: var(--st-text); }
body .tooltip.left .tooltip-arrow { border-left-color: var(--st-text); } body .tooltip.right .tooltip-arrow { border-right-color: var(--st-text); }
pre, code { background: var(--st-surface-3); color: var(--st-text); border: 1px solid var(--st-line-2); border-radius: 6px; }
code { padding: 1px 5px; font-family: var(--st-font-body); font-size: .94em; }   /* tek ortak yazı tipi (Arimo); Bootstrap'in Menlo'su kullanılmaz */

/* ============================ 9) ÜÇÜNCÜ PARTİ BİLEŞENLER ============================ */
/* fancybox penceresi */
body .fancybox-skin { background: var(--st-surface) !important; color: var(--st-text-2); border-radius: var(--st-r-lg) !important; box-shadow: var(--st-shadow-pop) !important; }
body .fancybox-opened .fancybox-skin { box-shadow: var(--st-shadow-pop) !important; }
body .fancybox-overlay { background: var(--st-overlay) !important; }
body .fancybox-inner { background: var(--st-surface); border-radius: var(--st-r-lg); }
body .fancybox-close { top: -12px; right: -12px; }
/* panel pencereleri ve bildirimler (fn.js) */
body .panel-confirm, body .panel-modal, body .cmodal { background: var(--st-surface); color: var(--st-text); }
body .cmodal { padding: 16px; font-size: 14px; line-height: 1.5; }
body .cmodal button, body .cmodal .btn { padding: 6px 16px; font-size: 13px; }
body .cmodal button.panel-confirm-no, body .cmodal button.cancel { background: var(--st-surface); color: var(--st-text); border: 1px solid var(--st-line-3); border-radius: var(--st-r); }
body #panel-toast-container .panel-toast { padding: 11px 34px 11px 14px; border: 1px solid var(--st-line-3); border-left-width: 4px; border-radius: var(--st-r); background: var(--st-surface); color: var(--st-text); box-shadow: var(--st-shadow-pop); font-size: 13px; }
body #panel-toast-container .panel-toast-success { border-left-color: var(--st-ok); }
body #panel-toast-container .panel-toast-error { border-left-color: var(--st-bad); }
body #panel-toast-container .panel-toast-info { border-left-color: var(--st-info); }
body #panel-toast-container .panel-toast-close { color: var(--st-text-3); }
/* tarih seçiciler */
body .daterangepicker, body .datepicker.dropdown-menu, body .bootstrap-timepicker-widget.dropdown-menu { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-3); border-radius: var(--st-r-lg); box-shadow: var(--st-shadow-pop); }
body .daterangepicker:before { border-bottom-color: var(--st-line-3); } body .daterangepicker:after { border-bottom-color: var(--st-surface); }
body .daterangepicker .calendar-table, body .daterangepicker td, body .daterangepicker th { background: var(--st-surface); border-color: var(--st-surface); color: var(--st-text-2); }
body .daterangepicker td, body .daterangepicker th { border-radius: 6px; }
body .daterangepicker td.off, body .daterangepicker td.off.in-range, body .daterangepicker td.off.start-date, body .daterangepicker td.off.end-date { background: var(--st-surface); color: var(--st-text-3); opacity: .6; }
body .daterangepicker td.available:hover, body .daterangepicker th.available:hover { background: var(--st-surface-3); color: var(--st-text); }
body .daterangepicker td.in-range { background: var(--st-accent-soft); color: var(--st-text); border-color: var(--st-accent-soft); }
body .daterangepicker td.active, body .daterangepicker td.active:hover { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body .daterangepicker .ranges li { background: var(--st-surface-2); border: 1px solid var(--st-line-2); border-radius: 6px; color: var(--st-text-2); }
body .daterangepicker .ranges li:hover, body .daterangepicker .ranges li.active { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body .daterangepicker select.monthselect, body .daterangepicker select.yearselect, body .daterangepicker .calendar-time select, body .daterangepicker input { background: var(--st-input); color: var(--st-text); border: 1px solid var(--st-input-line); border-radius: 6px; }
body .daterangepicker .calendar.left, body .daterangepicker .calendar.right { border-color: var(--st-line-2); }
body .datepicker table tr td.day:hover, body .datepicker table tr td span:hover { background: var(--st-surface-3); }
body .datepicker table tr td.active, body .datepicker table tr td.active:hover, body .datepicker table tr td span.active { background: var(--st-accent); color: var(--st-accent-fg); text-shadow: none; }
body .datepicker table tr td.old, body .datepicker table tr td.new { color: var(--st-text-3); }
/* takvim (FullCalendar) */
body .fc, body .fc-unthemed td, body .fc-unthemed th, body .fc-unthemed .fc-divider, body .fc-unthemed .fc-popover, body .fc-unthemed .fc-row, body .fc-unthemed tbody, body .fc-unthemed thead, body .fc-unthemed .fc-content, body .fc-unthemed .fc-list-heading td { border-color: var(--st-line-2); }
body .fc-unthemed .fc-popover { background: var(--st-surface); border-radius: var(--st-r); box-shadow: var(--st-shadow-pop); }
body .fc-unthemed .fc-today { background: var(--st-surface-3); }
body .fc-unthemed .fc-list-item:hover td { background: var(--st-surface-2); }
body .fc-toolbar h2 { font: 700 18px var(--st-font-head); color: var(--st-text); }
body .fc-day-header, body .fc-day-number { color: var(--st-text-2); font-weight: 600; }
body .fc-day-top.fc-other-month { opacity: .5; }
body .fc-unthemed .fc-disabled-day, body .fc-bgevent { background: var(--st-surface-2); }
body .fc-button { height: auto; padding: 5px 12px; background: var(--st-surface); color: var(--st-text); border: 1px solid var(--st-line-3); border-radius: var(--st-r); text-shadow: none; box-shadow: none; font-weight: 600; }
body .fc-button:hover { background: var(--st-surface-3); color: var(--st-text); }
/* FullCalendar 2/3 varsayılan düğme gradyanı tema renklerini ezer (koyu temada açık zemin + açık yazı = okunmaz): gradyan kapalı, jetonlar */
body .fc-button.fc-state-default, body .fc-button.fc-state-hover, body .fc-button.fc-state-down { background-image: none; background-color: var(--st-surface); color: var(--st-text); border-color: var(--st-line-3); text-shadow: none; box-shadow: none; }
body .fc-button.fc-state-hover, body .fc-button.fc-state-down { background-color: var(--st-surface-3); }
body .fc-button.fc-state-active { background-image: none; background-color: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body .fc-button.fc-state-disabled { background-image: none; background-color: var(--st-surface-2); color: var(--st-text-3); opacity: .7; }
body .fc-state-active, body .fc-button.fc-state-active { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body .fc-event { border-radius: 6px; border-color: var(--st-accent); background: var(--st-accent); color: var(--st-accent-fg); }
body .qtip, body .qtip-default { background: var(--st-surface-3); border: 1px solid var(--st-line-3); color: var(--st-text); border-radius: var(--st-r); }
/* CKEditor */
.cke_chrome { border: 1px solid var(--st-input-line); border-radius: var(--st-r); box-shadow: none; background: var(--st-surface-3); overflow: hidden; }
.cke_top, .cke_bottom, .cke_toolgroup, .cke_combo_button, .cke_toolbox { background: var(--st-surface-3); border-color: var(--st-line-2); box-shadow: none; }
.cke_toolbar_separator { background-color: var(--st-line-3); }
.cke_combo_text, .cke_path_item, .cke_path_empty, .cke_button_label { color: var(--st-text-2); }
.cke_button:hover, .cke_combo_button:hover { background: var(--st-surface-2); }
.cke_dialog, .cke_dialog_contents, .cke_dialog_footer, .cke_dialog_body { background: var(--st-surface); color: var(--st-text); }
.cke_dialog_ui_input_text, .cke_dialog_ui_input_textarea, .cke_dialog_ui_input_select { background: var(--st-input); color: var(--st-text); border-color: var(--st-input-line); }
.cke_dialog_title, .cke_dialog_tabs { background: var(--st-surface-2); color: var(--st-text); border-color: var(--st-line-2); }
.cke_dialog_ui_labeled_label, .cke_dialog_tab { color: var(--st-text-2); }
.cke_dialog_tab_selected { background: var(--st-surface); color: var(--st-text); }
.cke_panel, .cke_menu_panel, .cke_panel_block, .cke_menubutton_label { background: var(--st-surface); color: var(--st-text-2); border-color: var(--st-line-3); }
html[data-theme="dark"] .cke_button_icon, html[data-theme="dark"] .cke_combo_arrow { filter: invert(1) brightness(.85); }
html[data-theme="dark"] .cke_inner .cke_contents { background: var(--st-input); }
/* haritalar */
.jvectormap-container { background: transparent; }

/* ============================ 10) PORTAL + ÖZEL BİLEŞENLER ============================ */
/* sms kalan göstergesi */
body .sms-kalan, body .sms-kalan b { background: var(--st-surface-3); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: var(--st-r-pill); }
body .sms-kalan a { color: var(--st-link); }
/* cast kartı ızgarası */
body .cg-each-body { border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); padding: 5px; background: var(--st-surface); }
body .cg-each:hover .cg-each-body { background: var(--st-surface-2); border-color: var(--st-line-3); }
body .cg-each-body img { border-radius: var(--st-r); }
body .cast-grid .cg-each { width: 20%; margin-top: 12px; }
body .cg-each-body { width: calc(100% - 8px); margin: 0 auto; }
body .cg-name { padding: 6px 2px 3px; color: var(--st-text); font-weight: 600; font-size: 13px; }
body .cg-each:hover .cg-name { color: var(--st-text); }
body .cast_info { background: var(--st-surface); color: var(--st-text-2); border-radius: 0 6px 0 0; }
body .cg-each:hover .cast_info { background: var(--st-surface-2); }
body .button_get_cast_details { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: 6px; }
body .button_get_cast_details:hover { color: var(--st-text); }
body .cg-each .cbr-replaced, body .cg-each input[type="checkbox"] { opacity: .75; }
@media (max-width: 1100px) { body .cast-grid .cg-each { width: 25%; } }
@media (max-width: 820px) { body .cast-grid .cg-each { width: 33.3333%; } }
@media (max-width: 600px) { body .cast-grid .cg-each { width: 50%; } body .cg-image { height: 190px; } }
@media (max-width: 350px) { body .cast-grid .cg-each { width: 100%; } }
/* proje kartı */
body .project_card_ic { overflow: hidden; background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); }
body .project_card_ic:hover { background: var(--st-surface-2); border-color: var(--st-line-3); }
body .projectc_title { font: 700 13.5px var(--st-font-head); color: var(--st-text); }
body .projectc_yapimci, body .projectc_info, body .projectc_dates { color: var(--st-text-2); }
body .projectc_status { background: var(--st-surface-3); color: var(--st-text-2); font-weight: 600; }
/* günlük, proje karakter kartları */
body .logs-timeline { padding: var(--st-pad); background: var(--st-surface-2); border-radius: var(--st-r); }
body .pci-head { padding: 7px 10px; background: var(--st-surface-3); border-radius: var(--st-r); }
body .pci-body { background: var(--st-surface-2); }
body .project-casts { border: 1px solid var(--st-line-2); border-radius: var(--st-r); }
/* portal galeri / albüm */
body .gallery-env .album-header, body .album-header { background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); box-shadow: none; }
body .album-header h2, body .album-header h2 a { color: var(--st-text); font-family: var(--st-font-head); }
body .portal-album-liste li a span { color: var(--st-text-2); }
body .portal-album-liste li.active a span, body .portal-album-liste li a:hover span { color: var(--st-text); }
body .gallery-env .gallery-sidebar ul li a, body .gallery-env .gallery-sidebar ul li a span, body .gallery-env .gallery-sidebar ul li a i { color: var(--st-text-2); }
body .gallery-env .gallery-sidebar ul li.active a, body .gallery-env .gallery-sidebar ul li a:hover { background: var(--st-surface-3); border-radius: var(--st-r); }
body .gallery-env .gallery-sidebar ul li.active a span, body .gallery-env .gallery-sidebar ul li.active a i { color: var(--st-text); }
body .album-options a, body .gallery-env .album-header .album-options a { color: var(--st-text-2); }
body .album-options.list-unstyled li { color: var(--st-text-3); }
body .portal-cekim-link { border-color: var(--st-line-2); }
body .gallery-env .album-images .image, body .gallery-env .album-image { border-radius: var(--st-r); overflow: hidden; }
/* yükleme / sürükle bırak alanları */
body .dropzone, body .dz-default, body .story-dropzone { background: var(--st-surface-2); border: 1.5px dashed var(--st-line-3); border-radius: var(--st-r-lg); color: var(--st-text-2); }
body .dropzone:hover { border-color: var(--st-text-3); background: var(--st-surface-3); }
/* sayfa durum katmanı */
/* "İşleniyor…" katmanı: koyu perde yerine açık (yüzey rengi) cam perde; yalnız istek 0,28 sn'den uzun sürerse belirir
   (hızlı kaydetmelerde butonun üstünde anlık karartı/çökme olmaz) ve metni ortalar. */
body .overlay_status { background: color-mix(in srgb, var(--st-surface) 86%, transparent); color: var(--st-text-2); border-radius: var(--st-r); font-size: 13px; font-weight: 600; animation: st-ov-gelsin .18s ease .28s both; }
body .overlay_status[style*="display: block"] { display: flex !important; align-items: center; justify-content: center; gap: 8px; }
body .overlay_status .fa-spinner { font-size: 15px; color: var(--st-text-3); }
@keyframes st-ov-gelsin { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { body .overlay_status { animation-duration: .01s; } }
body .loading-overlay { background: var(--st-overlay); }
/* yazdır */
@media print { body .sidebar-menu, body .user-info-navbar, body .st-bar, body .st-footer { display: none !important; } body { background: #fff; color: #000; } }

/* ============================ 11) GİRİŞ EKRANLARI (panel + portal + şifre sayfaları) ============================ */
.st-logo-acik { display: block; }
.st-logo-koyu { display: none; }
html[data-theme="dark"] .st-logo-acik { display: none; }
html[data-theme="dark"] .st-logo-koyu { display: block; }
body.login-page { display: flex; align-items: center; justify-content: center; min-height: 100vh; padding: 0; background: var(--st-bg); color: var(--st-text); }
body.login-page .login-container { width: 100%; max-width: 440px; margin: 0; padding: 24px var(--st-px); }
body.login-page .login-container .row { margin: 0; }
body.login-page .login-container [class*="col-"] { float: none; width: 100%; padding: 0; }
body.login-page .errors-container { padding: 0; margin: 0 0 12px; }
body.login-page .login-form { margin: 0; padding: 30px 28px 22px; background: var(--st-surface); border: 1px solid var(--st-line-2); border-radius: var(--st-r-lg); }
body.login-page .login-form .login-header { margin-bottom: 26px; text-align: center; }
body.login-page .login-form .login-header .logo { display: inline-block; }
body.login-page .login-form .login-header .logo img { margin: 0 auto; max-width: 100%; height: auto; }
body.login-page .login-form .login-header p { margin: 12px 0 0; font-size: 13px; color: var(--st-text-3); }
body.login-page .login-form .login-header p.st-login-dil { margin-top: 6px; font-size: 12px; }
body.login-page .login-form .login-header a:not(.logo) { color: var(--st-text-2); font-weight: 600; }
body.login-page .login-form .form-group { margin-bottom: 16px; }
body.login-page .login-form .form-group .control-label,
body.login-page .login-form .form-group.is-focused .control-label { position: static; display: block; padding: 0; margin: 0 0 6px; line-height: 1.4; font-size: 12.5px; font-weight: 600; color: var(--st-text-2); cursor: default; opacity: 1; transform: none; }
body.login-page .login-form .form-group .form-control,
body.login-page .login-form .form-group .form-control.input-dark { height: 42px; padding: 8px 13px; background: var(--st-input); color: var(--st-text); border: 1px solid var(--st-input-line); border-radius: var(--st-r); }
body.login-page .login-form .form-group .form-control:focus { border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
body.login-page .login-form .form-group .form-control:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px var(--st-input) inset; -webkit-text-fill-color: var(--st-text); }
body.login-page .login-form .form-group .btn.btn-dark, body.login-page .login-form .form-group .btn.btn-primary { background-color: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
body.login-page .login-form .form-group .btn.btn-dark:hover, body.login-page .login-form .form-group .btn.btn-primary:hover { background-color: var(--st-accent-hover); border-color: var(--st-accent-hover); }
body.login-page .login-form .btn-block { height: 42px; margin: 6px 0 0; padding: 0 16px; text-align: center; font-size: 14px; }
body.login-page .login-form .btn-block i { margin-right: 6px; }
body.login-page .login-form .validate-has-error, body.login-page .login-form span.validate-has-error { color: var(--st-bad); font-size: 12px; }
body.login-page .login-form .link, body.login-page .login-form a { color: var(--st-text-2); }
body.login-page .toast-top-full-width { top: 12px; }

/* ============================ 12) ODAK HALKASI · MARKA BİLEŞENLERİ ============================ */
a:focus-visible, button:focus-visible, .btn:focus-visible, [role="button"]:focus-visible, summary:focus-visible { outline: 2px solid var(--st-text-2) !important; outline-offset: 2px; }
input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 0 !important; }
body .story-lang-switcher a { color: var(--st-text-3); letter-spacing: .04em; }
body .story-lang-switcher a:hover { color: var(--st-text); }
body .story-lang-switcher a.active { color: var(--st-text); border-bottom: 2px solid var(--st-text); }
body .story-lang-switcher .sep { color: var(--st-line-3); }
body .story-footer { border-top-color: var(--st-line-2); color: var(--st-text-3); letter-spacing: 0; }
body .story-footer strong { color: var(--st-text-2); letter-spacing: .04em; }
body .story-jr { letter-spacing: 0; }
body .user-info-navbar .user-info-menu > li.st-sms-kalan { display: flex; align-items: center; padding: 0 6px; }

/* proje cast durumları (ızgara kartı): anlam renkleri jetonlardan; koyu temada da okunur */
body .cg-each.status_1 .cg-each-body { border-color: var(--st-ok); background: var(--st-ok-bg); }
body .cg-each.status_2 .cg-each-body { border-color: var(--st-bad); background: var(--st-bad-bg); }
body .cg-each.status_3 .cg-each-body { border-color: var(--st-info); background: var(--st-info-bg); }
body .cg-each.status_4 .cg-each-body { border-color: var(--st-warn); background: var(--st-warn-bg); }
body .cg-each.status_5 .cg-each-body { border-color: var(--st-text-2); background: var(--st-surface-3); }
body .cg-each.status_6 .cg-each-body { border-color: var(--st-text-3); background: var(--st-surface-2); }
body .cg-each .project_cast_status, body .cg-image .project_cast_status { background: var(--st-surface); color: var(--st-text-2); border-radius: 0 6px 0 0; font-style: normal; font-weight: 700; }
body .cg-each.status_1 .project_cast_status { color: var(--st-ok); background: var(--st-ok-bg); }
body .cg-each.status_2 .project_cast_status { color: var(--st-bad); background: var(--st-bad-bg); }
body .cg-each.status_3 .project_cast_status { color: var(--st-info); background: var(--st-info-bg); }
body .cg-each.status_4 .project_cast_status { color: var(--st-warn); background: var(--st-warn-bg); }
body .cg-each.status_5 .project_cast_status, body .cg-each.status_6 .project_cast_status { color: var(--st-text-2); background: var(--st-surface-3); }
body .pc-cevap { border-radius: var(--st-r-pill); }
body .button_get_project_details { background: var(--st-surface); color: var(--st-text-2); border: 1px solid var(--st-line-2); border-radius: 6px; }
body .button_get_project_details:hover, body .button_get_cast_details:hover { color: var(--st-text); background: var(--st-surface-3); }

/* ============================ 13) ORTAK DÜZELTMELER (ekran denetimi bulguları) ============================ */
/* Xenon "çift sınıf" seçicileri (.label.label-success) tek sınıflı kuralları ezer: etiket / rozet tonlarını burada da sabitle */
body .label.label-default, body .label.label-primary, body .label.label-secondary, body .label.label-purple, body .label.label-pink, body .label.label-turquoise, body .label.label-blue, body .label.label-orange, body .label.label-black, body .label.label-dark, body .label.label-gray, body .label.label-yellow,
body .badge.badge-default, body .badge.badge-primary, body .badge.badge-secondary, body .badge.badge-purple, body .badge.badge-pink, body .badge.badge-turquoise, body .badge.badge-orange, body .badge.badge-yellow, body .badge.badge-blue, body .badge.badge-black { background: var(--st-surface-3); color: var(--st-text-2); }
body .label.label-success, body .label.label-green, body .badge.badge-success, body .badge.badge-green { background: var(--st-ok-bg); color: var(--st-ok); }
body .label.label-warning, body .badge.badge-warning { background: var(--st-warn-bg); color: var(--st-warn); }
body .label.label-danger, body .label.label-red, body .badge.badge-danger, body .badge.badge-red { background: var(--st-bad-bg); color: var(--st-bad); }
body .label.label-info, body .badge.badge-info { background: var(--st-info-bg); color: var(--st-info); }
body .sidebar-menu .main-menu a > .label, body .sidebar-menu .main-menu a > .badge, body .sidebar-menu .main-menu a > .label.label-success, body .sidebar-menu .main-menu a > .label.label-warning, body .sidebar-menu .main-menu a > .label.label-primary, body .sidebar-menu .main-menu a > .label.label-red { background: rgba(255, 255, 255, .12); color: var(--st-sidebar-on); }
body .user-info-navbar .user-info-menu > li > a .badge, body .user-info-navbar .user-info-menu > li > a .badge.badge-purple { background: var(--st-accent); color: var(--st-accent-fg); }
body [hidden] { display: none !important; }
body .gallery-env .album-header h2 { color: var(--st-text); }
body .fc-list-heading td, body .fc-unthemed .fc-list-heading td { background: var(--st-surface-2) !important; color: var(--st-text-2); }
body .fc-list-item-title a, body .fc-list-item-time { color: var(--st-text); }
body .btn.btn-icon-standalone i { position: static; width: auto; background: transparent; }
@media (max-width: 768px) {
	body .nav.nav-tabs { display: flex; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
	body .nav.nav-tabs::-webkit-scrollbar { display: none; }
	body .nav.nav-tabs > li { flex: 0 0 auto; float: none; }
	body .page-container .main-content { overflow-x: clip; }
}

/* aç/kapa anahtarı (iswitch): Xenon izi iç gölgeyle çizer (!important); renkler jetondan */
body input[type=checkbox].iswitch { background-color: transparent; box-shadow: inset 0 0 0 2px var(--st-line-3); }
body input[type=checkbox].iswitch:checked, body input[type=checkbox].iswitch[class*="iswitch-"]:checked { box-shadow: inset 0 0 0 12.57px var(--st-accent) !important; }
body input[type=checkbox].iswitch:before { background-color: var(--st-surface); box-shadow: 0 0 0 1px var(--st-line-3), 0 1px 2px rgba(0, 0, 0, .18); }
/* yerel açılır liste oku: jetona uyan çizgi çevre (açık / koyu için ayrı renk; data URI içinde değişken kullanılamaz) */
body select.form-control:not([multiple]):not([size]) { -webkit-appearance: none; appearance: none; padding-right: 30px; background-repeat: no-repeat; background-position: right 11px center; background-size: 12px 8px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%2379808a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html[data-theme="dark"] body select.form-control:not([multiple]):not([size]) { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23b6bbc2' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
/* R12: Chrome 135+ özelleştirilebilir select, seçili metni sarar; sabit yükseklikli kutuda 2. satır alttaki alana biniyordu → tek satır, taşan kısım kesilir */
html body select.form-control:not([multiple]):not([size]) { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body .cmodal h4, body .modal-title { font-weight: 700; font-size: 16px; letter-spacing: 0; }
@media (max-width: 768px) {
	body.page-body { padding-bottom: var(--st-bar-h); }   /* R27: 80 → alt çubuk yüksekliği (sayfa sonu boşluğu --st-sayfa-alt-mobil'den gelir) */
}
html[data-theme="dark"] body .btn-danger, html[data-theme="dark"] body .btn-red, html[data-theme="dark"] body .btn.btn-danger, html[data-theme="dark"] body .btn.btn-red { color: #1b0f0e; }
html[data-theme="dark"] body .btn-danger:hover, html[data-theme="dark"] body .btn-red:hover, html[data-theme="dark"] body .btn-danger:focus, html[data-theme="dark"] body .btn-danger:active { color: #1b0f0e; }
body .panel-body > .table-responsive, body .panel > .panel-body .table-responsive { border: 0; border-radius: 0; }
body .cbp_tmicon, body .cbp_tmlabel h2 i { background: var(--st-accent) !important; color: var(--st-accent-fg) !important; box-shadow: none; }
body .cbp_tmtimeline > li .cbp_tmlabel { background: var(--st-surface-2); color: var(--st-text-2); border-radius: var(--st-r-lg); }
body .cbp_tmtimeline > li .cbp_tmlabel:after { border-right-color: var(--st-surface-2); }
body .ohhover:hover, body .ohhover:hover a { background: var(--st-bad-bg); color: var(--st-bad) !important; }
body .ahhover:hover, body .ahhover:hover a { background: var(--st-ok-bg); color: var(--st-ok) !important; }

/* Panel.confirm: modern onay penceresi (R12) — ikon rozeti, başlık, açıklama, vurgulu detay kutusu, sağa hizalı düğmeler */
body .panel-confirm { min-width: 300px; }
body .panel-confirm .btn { margin: 0 6px 0 0; }
body .panel-confirm .btn + .btn { margin-left: 0; }
body .panel-confirm h4 { margin: 0 0 16px !important; font: 700 15px/1.4 var(--st-font-head) !important; }
body .panel-confirm.pc-modern .btn { margin: 0; }
body .panel-confirm.pc-modern h4 { margin: 0 !important; font-size: 16px !important; color: var(--st-text); }
body .panel-confirm.pc-modern { width: min(440px, calc(100vw - 88px)); min-width: 0; padding: 22px 22px 18px; }   /* 88px = fancybox kabuğunun iki yanındaki boşluk + iç boşluk: 390 px'te pencere kabuktan taşmasın */
body .pc-modern .pc-ust { display: flex; align-items: flex-start; gap: 14px; }
body .pc-modern .pc-ikon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; font-size: 18px; background: var(--st-info-bg); color: var(--st-info); }
body .pc-modern.pc-tehlike .pc-ikon { background: var(--st-bad-bg); color: var(--st-bad); }
body .pc-modern .pc-metin { flex: 1 1 auto; min-width: 0; padding-top: 2px; }
body .pc-modern .pc-aciklama { margin: 6px 0 0; font-size: 13.5px; line-height: 1.55; color: var(--st-text-2); }
body .pc-modern .pc-detay { margin: 16px 0 0; padding: 12px 14px; border: 1px solid var(--st-line-2); border-radius: var(--st-r); background: var(--st-surface-2); }
body .pc-modern .pc-detay-baslik { margin: 0 0 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: var(--st-text-3); }
body .pc-modern .pc-detay-ad { margin: 0; font-size: 14.5px; font-weight: 700; color: var(--st-text); overflow-wrap: anywhere; }
body .pc-modern .pc-detay-alt { margin: 2px 0 0; font-size: 12.5px; color: var(--st-text-3); overflow-wrap: anywhere; }
body .pc-modern .pc-detay-satir { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 10px 0 0; }
body .pc-modern .pc-detay-satir:first-child { margin-top: 0; }
body .pc-modern .pc-detay-etiket { flex: 0 0 100%; font-size: 11.5px; font-weight: 700; color: var(--st-text-3); }
body .pc-modern .pc-detay .pc-durum { display: inline-flex; align-items: center; gap: 5px; padding: 3px 10px; border-radius: var(--st-r-pill); background: var(--st-surface-3); color: var(--st-text-2); font-size: 12px; font-weight: 700; white-space: nowrap; box-shadow: 0 0 0 2px var(--st-surface-2); }
body .pc-modern .pc-detay .pc-durum-1 { background: var(--st-ok-bg); color: var(--st-ok); }
body .pc-modern .pc-detay .pc-durum-2 { background: var(--st-bad-bg); color: var(--st-bad); }
body .pc-modern .pc-detay .pc-durum-4 { background: var(--st-warn-bg); color: var(--st-warn); }
body .pc-modern .pc-detay .pc-durum-5 { background: var(--st-accent); color: var(--st-accent-fg); }
body .pc-modern .pc-detay .pc-durum-6 { background: var(--st-info-bg); color: var(--st-info); }
body .pc-modern .pc-uyari { display: flex; align-items: flex-start; gap: 8px; margin: 12px 0 0; padding: 9px 11px; border-radius: var(--st-r); background: var(--st-warn-bg); color: var(--st-warn); font-size: 12.5px; font-weight: 600; line-height: 1.45; }
body .pc-modern .pc-uyari .fa { margin-top: 2px; }
body .pc-modern .pc-alt { display: flex; justify-content: flex-end; gap: 10px; margin: 20px 0 0; }
body .pc-modern .pc-alt .btn { min-width: 92px; padding: 8px 18px; font-size: 13.5px; font-weight: 600; }
body .pc-modern .error_status { display: block; margin-top: 10px; color: var(--st-bad); font-size: 13px; }
body .pc-modern .error_status:empty { display: none; }
@media (max-width: 480px) { body .pc-modern .pc-alt { flex-direction: column-reverse; padding-bottom: 3px; } body .pc-modern .pc-alt .btn { width: 100%; } }   /* padding-bottom: fancybox kabuğu (overflow:auto) alttaki düğmenin kenarlığını kırpmasın */
/* üst çubuk dil anahtarı dar genişlikte kırılmasın */
.st-lang { flex: 0 0 auto; }
.st-lang a { white-space: nowrap; }
/* CKEditor pencereleri ve paneller (koyu temada beyaz kalıyordu: eklenti CSS'i sonra yüklenir) */
html[data-theme="dark"] .cke_dialog_contents, html[data-theme="dark"] .cke_dialog_body, html[data-theme="dark"] .cke_dialog, html[data-theme="dark"] .cke_dialog_footer { background: var(--st-surface) !important; color: var(--st-text) !important; border-color: var(--st-line-2) !important; }
html[data-theme="dark"] .cke_dialog_title { background: var(--st-surface-2) !important; color: var(--st-text) !important; border-color: var(--st-line-2) !important; }
html[data-theme="dark"] .cke_dialog_ui_input_text, html[data-theme="dark"] .cke_dialog_ui_input_textarea, html[data-theme="dark"] .cke_dialog_ui_input_select, html[data-theme="dark"] .cke_dialog_ui_input_password { background: var(--st-input) !important; color: var(--st-text) !important; border-color: var(--st-input-line) !important; }
html[data-theme="dark"] .cke_dialog_ui_labeled_label, html[data-theme="dark"] .cke_dialog_ui_html, html[data-theme="dark"] .cke_dialog_ui_vbox_child label { color: var(--st-text-2) !important; }
html[data-theme="dark"] .cke_dialog_tab { background: var(--st-surface-2) !important; color: var(--st-text-2) !important; border-color: var(--st-line-2) !important; }
html[data-theme="dark"] .cke_dialog_tab_selected { background: var(--st-surface) !important; color: var(--st-text) !important; }
html[data-theme="dark"] .cke_panel, html[data-theme="dark"] .cke_panel_frame, html[data-theme="dark"] .cke_panel_block, html[data-theme="dark"] .cke_menu_panel { background: var(--st-surface) !important; border-color: var(--st-line-3) !important; }
html[data-theme="dark"] .cke_panel_listItem a, html[data-theme="dark"] .cke_menubutton_label { color: var(--st-text-2) !important; }
html[data-theme="dark"] .cke_panel_listItem a:hover, html[data-theme="dark"] .cke_menubutton:hover { background: var(--st-surface-3) !important; }
/* daterangepicker koyu temada: dış kap ve iç takvim aynı yüzey */
body .daterangepicker, body .daterangepicker .calendar, body .daterangepicker .calendar-table, body .daterangepicker .ranges { background: var(--st-surface); color: var(--st-text-2); border-color: var(--st-line-3); }
body .daterangepicker .calendar-table { border: 0; }
body .daterangepicker .drp-buttons, body .daterangepicker .daterangepicker_input { border-color: var(--st-line-2); }
.st-footer .st-footer-kaynak { padding-top: 0; border-top: 0; font-size: 11px; opacity: .8; }
body .pager .disabled > a, body .pager .disabled > a:hover, body .pager .disabled > a:focus, body .pager .disabled > span { background: var(--st-surface-2); color: var(--st-text-3); border-color: var(--st-line-2); cursor: not-allowed; }
body .cke, body .cke_reset, body .cke_reset_all, body .cke_reset_all *, body .cke_dialog, body .cke_dialog_title, body .cke_dialog_contents, body .cke_dialog_ui_labeled_label, body .cke_dialog_ui_button, body .cke_combopanel, body .cke_panel_listItem a { font-family: var(--st-font-body) !important; }
@media (max-width: 768px) { body .page-container .main-content > .st-footer { margin-bottom: 60px; } }   /* telefonda sabit "Çerez Tercihleri" düğmesi sayfa sonundaki son satırı örtmesin */

/* ==========================================================================
   Açılır liste / seçici bileşenleri: kalan eski (Xenon / eklenti) mavi-yeşil-sarı durumları temaya çekilir.
   Kural: SEÇİCİ listelerde (select2, selectBoxIt, çoklu seçim, tarih) vurgu = marka rengi (siyah/koyu temada açık),
   hover = hafif yüzey; EYLEM menülerinde (dropdown-menu) hover = hafif yüzey. Denetim: scripts/cloud-dev/qa/dropdown_denetim.js
   ========================================================================== */
/* selectBoxIt */
html body .selectboxit-list, html body .selectboxit-container .selectboxit-options { padding: 4px; background: var(--st-surface); border: 1px solid var(--st-line-3); border-radius: var(--st-r); box-shadow: var(--st-shadow-pop); }
html body .selectboxit-list > li > .selectboxit-option-anchor, html body .selectboxit-container .selectboxit-option-anchor { display: block; padding: 7px 10px; border-radius: 6px; color: var(--st-text); background: transparent; }
html body .selectboxit-list > .selectboxit-focus > .selectboxit-option-anchor, html body .selectboxit-list > li:hover > .selectboxit-option-anchor, html body .selectboxit-container .selectboxit-option-anchor:hover { background: var(--st-accent); color: var(--st-accent-fg); }
html body .selectboxit-list > .selectboxit-selected > .selectboxit-option-anchor { background: var(--st-accent-soft); color: var(--st-text); font-weight: 700; }
html body .selectboxit-list > .selectboxit-selected.selectboxit-focus > .selectboxit-option-anchor { background: var(--st-accent); color: var(--st-accent-fg); }
html body .selectboxit-list > .selectboxit-disabled > .selectboxit-option-anchor { color: var(--st-text-3); background: transparent; }
html body .selectboxit-btn.selectboxit-enabled:hover, html body .selectboxit-btn.selectboxit-enabled:focus, html body .selectboxit-btn.selectboxit-enabled:active, html body .selectboxit-btn.selectboxit-open { background: var(--st-input); color: var(--st-text); border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
/* çoklu seçim (multiselect) */
html body .ms-container .ms-list.ms-focus { border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
html body .ms-container > div > .ms-list li.ms-hover, html body .ms-container .ms-selectable li.ms-hover, html body .ms-container .ms-selection li.ms-hover { background: var(--st-accent); color: var(--st-accent-fg); }
html body .ms-container .ms-selectable li.ms-elem-selectable.disabled, html body .ms-container .ms-selection li.ms-elem-selection.disabled { background: var(--st-surface-2); color: var(--st-text-3); }
/* select2: etkin kutu çerçevesi */
html body .select2-container-active .select2-choice, html body .select2-container-active .select2-choices, html body .select2-container-multi.select2-container-active .select2-choices { border-color: var(--st-accent) !important; box-shadow: 0 0 0 3px var(--st-accent-soft) !important; }
html body .select2-drop .select2-results li.select2-highlighted, html body .select2-results .select2-highlighted { background-color: var(--st-accent); color: var(--st-accent-fg); }
/* tarih aralığı (daterangepicker): Xenon'un çok özgül yeşil kuralları */
html body .dropdown-menu.daterangepicker .calendar-date table > tbody > tr > td.active, html body .dropdown-menu.daterangepicker .calendar-date table > tbody > tr > td.active:hover, html body .daterangepicker.dropdown-menu td.active.start-date, html body .daterangepicker.dropdown-menu td.active.end-date { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
html body .dropdown-menu.daterangepicker .calendar-date table > tbody > tr > td.in-range { background: var(--st-accent-soft); color: var(--st-text); }
html body .dropdown-menu.daterangepicker .calendar-date table > tbody > tr > td.today:not(.active) { box-shadow: inset 0 0 0 1px var(--st-text-3); }
html body .dropdown-menu.daterangepicker .ranges ul li, html body .dropdown-menu.daterangepicker .ranges li { background: var(--st-surface-2); border: 1px solid var(--st-line-2); border-radius: 6px; color: var(--st-text-2); }
html body .dropdown-menu.daterangepicker .ranges ul li:hover, html body .dropdown-menu.daterangepicker .ranges ul li.active, html body .dropdown-menu.daterangepicker .ranges li:hover, html body .dropdown-menu.daterangepicker .ranges li.active { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
html body .daterangepicker .input-mini.active, html body .daterangepicker input.active { border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
html body .daterangepicker .applyBtn, html body .daterangepicker .btn-success { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
html body .daterangepicker .cancelBtn, html body .daterangepicker .btn-default { background: var(--st-surface); border: 1px solid var(--st-line-3); color: var(--st-text); }
/* tarih seçici (bootstrap-datepicker) */
html body div.datepicker table tr td.active, html body div.datepicker table tr td.active:hover, html body div.datepicker table tr td span.active, html body div.datepicker table tr td span.active:hover { background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); text-shadow: none; }
html body div.datepicker table tr td.today, html body div.datepicker table tr td.today:hover, html body div.datepicker table tr td.range.today { background: var(--st-warn-bg); color: var(--st-warn); }
html body div.datepicker table tr td.range, html body div.datepicker table tr td.range:hover { background: var(--st-accent-soft); color: var(--st-text); }
html body div.datepicker table tr td.day:hover, html body div.datepicker table tr td span:hover, html body div.datepicker table tr th.switch:hover, html body div.datepicker table tr th.prev:hover, html body div.datepicker table tr th.next:hover { background: var(--st-surface-3); color: var(--st-text); }
/* Bootstrap eylem menüleri: renkli (secondary/info/success/…) hover varyantları ve DataTables menüsü */
html body .dropdown-menu[class*="dropdown-"] > li > a:hover, html body .dropdown-menu[class*="dropdown-"] > li > a:focus, html body ul.DTTT_dropdown.dropdown-menu li:hover a { background: var(--st-surface-3); color: var(--st-text); }
html body .dropdown-menu > li > a:hover, html body .dropdown-menu > li > a:focus, html body .dropdown-menu > .active > a, html body .dropdown-menu > .active > a:hover { background: var(--st-surface-3); color: var(--st-text); }
html body .btn-group.open .dropdown-toggle { box-shadow: none; }

/* ==========================================================================
   Yerel <select> açılır listesi (Chrome/Edge 135+: "özelleştirilebilir select"): işletim sistemi mavisi yerine tema.
   Desteklemeyen tarayıcılar (Safari/Firefox) eski yerel listeyi kullanır; hiçbir işlev kaybı olmaz.
   ========================================================================== */
@supports (appearance: base-select) {
	html body select:not([multiple]):not([size]), html body select.form-control:not([multiple]):not([size]) { -webkit-appearance: base-select !important; appearance: base-select !important; }
	html body select:not([multiple]):not([size])::picker(select) { appearance: base-select; }
	html body select:not([multiple]):not([size])::picker-icon { display: none; }
	html body select:not([multiple]):not([size])::picker(select) { box-sizing: border-box; min-width: anchor-size(width); max-height: min(340px, 60vh); margin: 4px 0; padding: 4px; background: var(--st-surface); color: var(--st-text); border: 1px solid var(--st-line-3); border-radius: var(--st-r); box-shadow: var(--st-shadow-pop); overflow: auto; }
	html body select:not([multiple]):not([size]) option { display: flex; align-items: center; gap: 8px; min-height: 34px; padding: 6px 10px; border-radius: 6px; background: transparent; color: var(--st-text); font: inherit; font-size: 13.5px; cursor: pointer; }
	html body select:not([multiple]):not([size]) option::checkmark { display: none; }
	html body select:not([multiple]):not([size]) option:hover, html body select:not([multiple]):not([size]) option:focus-visible, html body select:not([multiple]):not([size]) option:active { background: var(--st-accent); color: var(--st-accent-fg); outline: 0; }
	html body select:not([multiple]):not([size]) option:checked:not(:hover):not(:focus-visible) { background: var(--st-accent-soft); color: var(--st-text); font-weight: 700; }
	html body select:not([multiple]):not([size]) option:disabled { color: var(--st-text-3); background: transparent; cursor: default; }
	html body select:not([multiple]):not([size]) option:disabled:hover { background: transparent; color: var(--st-text-3); }
	html body select:not([multiple]):not([size]) optgroup { padding: 6px 10px 2px; font-size: 11.5px; font-weight: 700; color: var(--st-text-3); }
	html body select:not([multiple]):not([size]) hr { margin: 4px 0; border: 0; border-top: 1px solid var(--st-line); }
}

/* select2 sonuç satırı metni: Xenon'un soluk gri (#7d7f7f) kuralı yerine tema metni; vurgulu satır beyaz/ters renk */
html body .select2-drop .select2-results li.select2-result-selectable .select2-result-label { color: var(--st-text); padding: 7px 12px; }
html body .select2-drop .select2-results li.select2-result-unselectable .select2-result-label { color: var(--st-text-3); padding: 7px 12px; }
html body .select2-drop .select2-results li.select2-result-selectable.select2-highlighted .select2-result-label { color: var(--st-accent-fg); }
html body .select2-drop .select2-results li.select2-result-selectable.select2-selected .select2-result-label, html body .select2-drop .select2-results li.select2-selected .select2-result-label { color: var(--st-text-3); }
html body .select2-drop .select2-results .select2-result-label { overflow-wrap: anywhere; }

/* ==========================================================================
   Dosya seç alanları (story-ortak.js yükseltir; betik çalışmazsa ::file-selector-button yedeği aynı görünümü verir)
   ========================================================================== */
html body input[type=file]:not(.st-dosya input) { max-width: 100%; padding: 5px; border: 1px dashed var(--st-line-3); border-radius: var(--st-r); background: var(--st-surface-2); color: var(--st-text-2); font-size: 13px; }
html body input[type=file]::file-selector-button { margin-right: 10px; padding: 7px 14px; border: 1px solid var(--st-line-3); border-radius: 6px; background: var(--st-surface); color: var(--st-text); font: 700 12.5px var(--st-font-body); cursor: pointer; transition: background .15s, border-color .15s; }
html body input[type=file]::file-selector-button:hover { background: var(--st-surface-3); border-color: var(--st-text-3); }
.st-dosya { position: relative; display: flex; align-items: center; gap: 12px; width: 100%; max-width: 100%; min-height: var(--st-ctl-h); margin: 0; padding: 5px 8px 5px 5px; border: 1px dashed var(--st-line-3); border-radius: var(--st-r); background: var(--st-surface-2); color: var(--st-text-2); font-weight: 400; cursor: pointer; transition: border-color .15s, background .15s, box-shadow .15s; box-sizing: border-box; }
.st-dosya:hover { border-color: var(--st-text-3); background: var(--st-surface-3); }
.st-dosya.odak, .st-dosya:focus-within { border-style: solid; border-color: var(--st-accent); box-shadow: 0 0 0 3px var(--st-accent-soft); }
.st-dosya.surukle { border-style: solid; border-color: var(--st-accent); background: var(--st-accent-soft); }
.st-dosya.dolu { border-style: solid; border-color: var(--st-line-3); background: var(--st-surface); }
.st-dosya input[type=file] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; cursor: pointer; font-size: 0; }
.st-dosya input[type=file]::file-selector-button { cursor: pointer; }
.st-dosya-dugme { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 7px; flex: none; height: calc(var(--st-ctl-h) - 12px); min-height: 28px; padding: 0 13px; border: 1px solid var(--st-line-3); border-radius: 6px; background: var(--st-surface); color: var(--st-text); font-size: 12.5px; pointer-events: none; }
.st-dosya-dugme svg { width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.st-dosya-dugme b { font-weight: 700; white-space: nowrap; }
.st-dosya:hover .st-dosya-dugme { border-color: var(--st-text-3); }
.st-dosya-ad { position: relative; z-index: 1; flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; color: var(--st-text-3); pointer-events: none; }
.st-dosya.dolu .st-dosya-ad { color: var(--st-text); font-weight: 600; }

/* hata iletileri: sabit "red" yerine tema jetonu (koyu temada okunur) */
body .error_status, body .error, body span.error { color: var(--st-bad); }

/* FullCalendar araç çubuğu (Cast Profil › Takvim, Randevular…): Xenon'un soluk bağlantı görünümü yerine segmentli tema düğmeleri — açık ve koyu temada okunur */
html body .calendar-env .calendar-main .fc .fc-toolbar { padding-bottom: 14px; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-right { margin-top: 0; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-right > .fc-button-group:last-child { margin-right: 0; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button { display: inline-flex; align-items: center; justify-content: center; height: var(--st-ctl-h, 34px); min-width: var(--st-ctl-h, 34px); padding: 0 14px; margin: 0; border: 1px solid var(--st-line-3); border-radius: 0; background: var(--st-surface); color: var(--st-text-2); font-size: 13px; font-weight: 600; line-height: 1; box-shadow: none; text-shadow: none; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group > .fc-button + .fc-button { margin-left: -1px; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button.fc-corner-left { border-radius: var(--st-r) 0 0 var(--st-r); }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button.fc-corner-right { border-radius: 0 var(--st-r) var(--st-r) 0; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button.fc-corner-left.fc-corner-right { border-radius: var(--st-r); }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button:hover:not(.fc-state-disabled) { background: var(--st-surface-3); color: var(--st-text); }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-button.fc-state-active { position: relative; z-index: 2; background: var(--st-accent); border-color: var(--st-accent); color: var(--st-accent-fg); }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button.fc-state-disabled { opacity: .5; cursor: default; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button .fc-icon { font-size: 13px; }
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-button-group .fc-button.fc-button:after { content: none !important; display: none !important; }   /* Xenon'un ince ayırıcı çizgileri */
html body .calendar-env .calendar-main .fc .fc-toolbar .fc-center h2, html body .calendar-env .calendar-main .fc .fc-toolbar h2 { color: var(--st-text); }
/* FullCalendar ızgarası: Xenon'un sabit #eee / beyaz değerleri tema jetonlarına (koyu temada beyaz çizgi / beyaz "bugün" hücresi kalmasın) */
html body .calendar-env .calendar-main { background: transparent; }
html body .calendar-env .calendar-main .fc .fc-popover, html body .calendar-env .calendar-main .fc .fc-row, html body .calendar-env .calendar-main .fc hr, html body .calendar-env .calendar-main .fc tbody, html body .calendar-env .calendar-main .fc td, html body .calendar-env .calendar-main .fc th, html body .calendar-env .calendar-main .fc thead { border-color: var(--st-line-2); }
html body .calendar-env .calendar-main .fc .fc-view-container > .fc-basic-view > table > thead > tr > td.fc-widget-header { border-bottom-color: var(--st-line-2); }
html body .calendar-env .calendar-main .fc .fc-view-container > .fc-basic-view > table > tbody > tr > .fc-widget-content { border-bottom-color: var(--st-line-2); }
html body .calendar-env .calendar-main .fc .fc-view-container > .fc-basic-view > table > thead > tr > td .fc-day-header { color: var(--st-text-2); }
html body .calendar-env .calendar-main .fc .fc-view-container > .fc-basic-view > table > tbody > tr > .fc-widget-content .fc-day-number { color: var(--st-text-2); }
html body .calendar-env .calendar-main .fc .fc-today { background-color: var(--st-surface-3); color: var(--st-text); }
html body .calendar-env .calendar-main .fc .fc-event { background: var(--st-accent); color: var(--st-accent-fg); border-radius: var(--st-r-sm, 4px); }
html body .calendar-env .calendar-main .fc .fc-event.event-color-primary { background: var(--st-accent); }

/* select2 hazır olana kadar yerel (çok seçimli) kutu görünmesin: ilk yüklemede ülke / şehir listeleri anlık açık görünüp kapanıyordu.
   Yer tutucu yüksekliği korunur (kayma olmaz). Betik hiç başlatmazsa (body.st-s2-gec, 2.5 sn sonra) yerel kutu yeniden görünür. */
body:not(.st-s2-gec) select.select2:not(.select2-offscreen), body:not(.st-s2-gec) select[data-st-ulke]:not(.select2-offscreen), body:not(.st-s2-gec) select[data-st-sehir]:not(.select2-offscreen) { opacity: 0 !important; height: var(--st-ctl-h) !important; min-height: 0 !important; max-height: var(--st-ctl-h) !important; overflow: hidden !important; pointer-events: none; }

/* alt alta dizilen açılır listeler birbirine yapışmasın (SMS / Mail / WhatsApp / Telegram alıcı kaynağı, formlar) */
body .mg-alan > select + select, body .mg-alan > select + .select2-container, body .mg-alan > .select2-container + select, body .mg-alan > .select2-container + .select2-container,
body .form-group > select.form-control + select.form-control, body .form-group > select.form-control + .select2-container, body .form-group > .select2-container + .select2-container, body .form-group > .select2-container + select.form-control,
body .panel-body > select.form-control + select.form-control, body .gc-kaynak > select.form-control + select.form-control { margin-top: 10px; }
body .mg-alan > select.select2-offscreen + .select2-container { margin-top: 10px; }

/* Kenar çubuğu: Cast altında bölümleri ayıran sakin çizgili ayraç (Güncellemeler / Asistan) + iç içe alt grup (Kurumsal › Şirketler) */
body .sidebar-menu .main-menu ul li.st-ayrac { display: flex; align-items: center; gap: 10px; margin: 12px 12px 4px 42px; padding: 0; background: transparent; pointer-events: none; cursor: default; }
body .sidebar-menu .main-menu ul li.st-ayrac span { flex: none; font-size: 9.5px; font-weight: 700; line-height: 1; letter-spacing: .12em; text-transform: uppercase; color: var(--st-sidebar-text); opacity: .6; white-space: nowrap; }
body .sidebar-menu .main-menu ul li.st-ayrac::after { content: ""; flex: 1 1 auto; height: 1px; background: var(--st-sidebar-line); opacity: .9; }
body .sidebar-menu .main-menu ul li.st-alt-grup > a { padding-right: 12px; }
body .sidebar-menu .main-menu ul li.st-alt-grup > ul { margin: 1px 0 4px; }
body .sidebar-menu .main-menu ul li.st-alt-grup > ul > li > a { padding-left: 56px; font-weight: 500; }
@media (min-width: 992px) {
	body .sidebar-menu.collapsed .main-menu > li > ul > li.st-ayrac { margin: 10px 10px 4px; }
}

/* R23 görsel inceleme: TAM 768 px (iPad dikey) — kabuk bir yandan "mobil" (≤768 kuralları), bir yandan "masaüstü" (Bootstrap xs = ≤767; `.page-container` tablo düzeni + visible-xs gizli → hamburger yok, kenar çubuğu %50) kalıyordu.
   768 px mobil düzene bağlandı: kabuk bloğu (xenon-core.css, 767 → 768) + Bootstrap xs görünürlük yardımcıları bu tek genişlikte de mobil gibi davranır. */
@media screen and (min-width: 768px) and (max-width: 768px) {
	.visible-xs, .visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
	table.visible-xs { display: table !important; }
	tr.visible-xs { display: table-row !important; }
	th.visible-xs, td.visible-xs { display: table-cell !important; }
	.hidden-xs { display: none !important; }
}