/* Veronni Atölye / Antrasit teması — styles.css'ten sonra yüklenir.
   Giriş ekranı (#loginScreen) etkilenmez; görünüm kuralları #appScreen altında. */

/* ——— Tema değişkenleri ——— */
html[data-tema="acik"] {
  --vr-zemin: #F4F1EC;
  --vr-sidebar: #FBFAF7;
  --vr-sidebar-cizgi: #E7E2D9;
  --vr-kart: #FFFFFF;
  --vr-kart-cizgi: #ECE7DE;
  --vr-kart-golge: 0 1px 2px rgba(20, 20, 20, 0.04);
  --vr-radius: 16px;
  --vr-metin: #141414;
  --vr-ikincil: #6B665D;
  --vr-cizgi: #E7E2D9;
  --vr-vurgu: #8B5E34;
  --vr-nav-aktif-bg: #EFE7DC;
  --vr-nav-aktif-metin: #6E4A26;
  --vr-nav-aktif-cizgi: transparent;
  --vr-btn-birincil-bg: #141414;
  --vr-btn-birincil-metin: #F1EEE4;
  --vr-btn-ikincil-bg: #FFFFFF;
  --vr-btn-ikincil-cizgi: #E2DCD1;
  --vr-input-bg: #FFFFFF;
  --vr-input-cizgi: #E2DCD1;
  --vr-hover: rgba(20, 20, 20, 0.04);
  --vr-logo-k: #141414;
  --vr-logo-n: #A6743E;
  --vr-durum-mix: 14%;
  --vr-durum-zemin: #FFFFFF;
  --vr-font: 'Avenir Next', Avenir, 'Segoe UI', sans-serif;
  /* Mevcut token eşlemeleri (yalnızca appScreen altındaki var() kullanımları için) */
  --color-bg-app: var(--vr-zemin);
  --color-text: var(--vr-metin);
  --color-text-heading: var(--vr-metin);
  --color-text-muted: var(--vr-ikincil);
  --color-text-body: var(--vr-metin);
  --color-glass: var(--vr-kart);
  --color-glass-soft: var(--vr-kart);
  --color-border-subtle: var(--vr-cizgi);
  --color-border-input: var(--vr-input-cizgi);
  --color-nav-active-text: var(--vr-nav-aktif-metin);
  --color-nav-active-bg: var(--vr-nav-aktif-bg);
  --color-nav-accent: var(--vr-vurgu);
  --font-family: var(--vr-font);
  --primary-gradient: none;
}

html[data-tema="koyu"] {
  --vr-zemin: #111111;
  --vr-sidebar: #0B0B0B;
  --vr-sidebar-cizgi: #222222;
  --vr-kart: #1A1A1A;
  --vr-kart-cizgi: #242424;
  --vr-kart-golge: 0 1px 2px rgba(0, 0, 0, 0.35);
  --vr-radius: 16px;
  --vr-metin: #EDEAE3;
  --vr-ikincil: #A19D95;
  --vr-cizgi: #262626;
  --vr-vurgu: #C79A63;
  --vr-nav-aktif-bg: #1E1B17;
  --vr-nav-aktif-metin: #E2B984;
  --vr-nav-aktif-cizgi: #C79A63;
  --vr-btn-birincil-bg: #C79A63;
  --vr-btn-birincil-metin: #141414;
  --vr-btn-ikincil-bg: #1A1A1A;
  --vr-btn-ikincil-cizgi: #2C2C2C;
  --vr-input-bg: #1A1A1A;
  --vr-input-cizgi: #2C2C2C;
  --vr-hover: rgba(237, 234, 227, 0.06);
  --vr-logo-k: #EDEAE3;
  --vr-logo-n: #C79A63;
  --vr-durum-mix: 22%;
  --vr-durum-zemin: #1A1A1A;
  --vr-font: 'Avenir Next', Avenir, 'Segoe UI', sans-serif;
  --color-bg-app: var(--vr-zemin);
  --color-text: var(--vr-metin);
  --color-text-heading: var(--vr-metin);
  --color-text-muted: var(--vr-ikincil);
  --color-text-body: var(--vr-metin);
  --color-glass: var(--vr-kart);
  --color-glass-soft: var(--vr-kart);
  --color-border-subtle: var(--vr-cizgi);
  --color-border-input: var(--vr-input-cizgi);
  --color-nav-active-text: var(--vr-nav-aktif-metin);
  --color-nav-active-bg: var(--vr-nav-aktif-bg);
  --color-nav-accent: var(--vr-vurgu);
  --font-family: var(--vr-font);
  --primary-gradient: none;
}

/* Durum renkleri (anlam sabit) */
html {
  --vr-durum-bitti: #2E9E5B;
  --vr-durum-devam: #2F6FB3;
  --vr-durum-onay: #D98B1E;
  --vr-durum-bloke: #CF4A3C;
  --vr-durum-baslamadi: #A9A39A;
  --vr-tehlike: #CF4A3C;
}

/* ——— Logo SVG renkleri ——— */
#appScreen .vr-logo {
  display: block;
  width: 150px;
  max-width: 100%;
  height: auto;
}
#appScreen .vr-logo-k { fill: var(--vr-logo-k); }
#appScreen .vr-logo-n { fill: var(--vr-logo-n); }
#appScreen .sidebar-logo-wrap .vr-logo-svg-host {
  display: block;
  line-height: 0;
}
#appScreen .sidebar-logo-wrap .sidebar-logo-img { display: none; }
#appScreen .sidebar-logo-wrap:not(.has-vr-logo) .sidebar-logo-img { display: block; }

/* ——— Zemin: fotoğraf + blur kalksın ——— */
#appScreen .app-screen-bg {
  background: var(--vr-zemin) !important;
  background-image: none !important;
  filter: none !important;
  transform: none !important;
}
#appScreen,
#appScreen .app-layout,
#appScreen .app-body {
  background: var(--vr-zemin);
  color: var(--vr-metin);
  font-family: var(--vr-font);
}

/* ——— Glass → kart ——— */
#appScreen .glass,
#appScreen .santiye-glass,
#appScreen .santiye-glass-strong,
#appScreen .kpi-card,
#appScreen .exec-kpi-card,
#appScreen .section,
#appScreen .card,
#appScreen .dashboard-card,
#appScreen .proje-table-wrap,
#appScreen .proje-table-filters,
#appScreen .proje-yeni-panel,
#appScreen .profil-card {
  background: var(--vr-kart) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  border: 1px solid var(--vr-kart-cizgi) !important;
  border-radius: var(--vr-radius);
  box-shadow: var(--vr-kart-golge);
  color: var(--vr-metin);
}
#appScreen .santiye-glass-strong::before {
  display: none !important;
}

/* ——— Kenar çubuğu ——— */
#appScreen .sidebar,
#appScreen .sidebar.glass {
  background: var(--vr-sidebar) !important;
  border-right: 1px solid var(--vr-sidebar-cizgi) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none;
}
#appScreen .sidebar-logo-wrap {
  border-bottom-color: var(--vr-cizgi);
}
#appScreen .sidebar-nav-section-label {
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vr-ikincil);
  font-weight: 600;
}
#appScreen .sidebar-nav-divider {
  background: var(--vr-cizgi);
  border: none;
}
#appScreen .nav-item {
  font-size: 14px;
  border-radius: 10px;
  border-left-width: 2px;
  border-left-color: transparent;
  color: var(--vr-ikincil);
  box-shadow: none;
}
#appScreen .nav-item:hover {
  background: var(--vr-hover);
  color: var(--vr-metin);
}
#appScreen .nav-item.active {
  background: var(--vr-nav-aktif-bg);
  color: var(--vr-nav-aktif-metin);
  border-left-color: var(--vr-nav-aktif-cizgi);
  box-shadow: none;
}

/* ——— Üst çubuk ——— */
#appScreen .top-header,
#appScreen .top-header.glass {
  background: var(--vr-zemin) !important;
  border-bottom: 1px solid var(--vr-cizgi) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none;
}
#appScreen .header-ana-sayfa,
#appScreen .header-home {
  color: var(--vr-ikincil);
}
#appScreen .header-ana-sayfa:hover,
#appScreen .header-home:hover {
  color: var(--vr-metin);
}
#appScreen .header-bell {
  color: var(--vr-ikincil);
  background: transparent;
}
#appScreen .header-bell:hover { color: var(--vr-metin); }
#appScreen .header-user { color: var(--vr-metin); }
#appScreen .header-avatar {
  background: var(--vr-nav-aktif-bg);
  color: var(--vr-nav-aktif-metin);
  border: 1px solid var(--vr-cizgi);
}
#appScreen .btn-logout {
  background: var(--vr-btn-ikincil-bg);
  color: var(--vr-metin);
  border: 1px solid var(--vr-btn-ikincil-cizgi);
  border-radius: 10px;
}
#appScreen .btn-logout:hover {
  background: var(--vr-hover);
  color: var(--vr-metin);
}

/* Tema seçici */
#appScreen .vr-tema-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
}
#appScreen .vr-tema-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  border-radius: 10px;
  border: 1px solid var(--vr-btn-ikincil-cizgi);
  background: var(--vr-btn-ikincil-bg);
  color: var(--vr-metin);
  cursor: pointer;
}
#appScreen .vr-tema-btn:hover { background: var(--vr-hover); }
#appScreen .vr-tema-btn svg { width: 18px; height: 18px; display: block; }
#appScreen .vr-tema-menu {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 80;
  min-width: 200px;
  padding: 6px;
  background: var(--vr-kart);
  border: 1px solid var(--vr-kart-cizgi);
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(20, 20, 20, 0.12);
}
#appScreen .vr-tema-menu[hidden] { display: none !important; }
#appScreen .vr-tema-opt {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  border: none;
  border-radius: 8px;
  background: transparent;
  color: var(--vr-metin);
  font: inherit;
  font-size: 13px;
  text-align: left;
  cursor: pointer;
}
#appScreen .vr-tema-opt-icon {
  display: inline-flex;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  color: var(--vr-ikincil);
}
#appScreen .vr-tema-opt-icon svg { width: 16px; height: 16px; display: block; }
#appScreen .vr-tema-opt[aria-checked="true"] .vr-tema-opt-icon { color: var(--vr-nav-aktif-metin); }
#appScreen .vr-tema-opt:hover { background: var(--vr-hover); }
#appScreen .vr-tema-opt[aria-checked="true"] {
  background: var(--vr-nav-aktif-bg);
  color: var(--vr-nav-aktif-metin);
  font-weight: 600;
}
#appScreen .vr-tema-opt .vr-tema-check {
  margin-left: auto;
  width: 14px;
  opacity: 0;
}
#appScreen .vr-tema-opt[aria-checked="true"] .vr-tema-check { opacity: 1; }

/* ——— Başlıklar / metin ——— */
#appScreen .page-title {
  font-size: 27px;
  font-weight: 600;
  color: var(--vr-metin);
  text-shadow: none;
  font-family: var(--vr-font);
}
#appScreen h1, #appScreen h2, #appScreen h3,
#appScreen .dashboard-panel-title,
#appScreen .pd-title,
#appScreen .pd-detail-title {
  font-weight: 600;
  color: var(--vr-metin);
  font-family: var(--vr-font);
}
#appScreen .dashboard-map-lead,
#appScreen .dashboard-desc,
#appScreen .proje-map-hint,
#appScreen .olcum-native-lead,
#appScreen .olcum-native-footnote,
#appScreen .olcum-native-steps {
  color: var(--vr-ikincil);
}

/* ——— Bildirim paneli ——— */
/* styles.css'teki display:flex, hidden niteliğini eziyordu → panel hep açık görünüyordu */
.bildirim-panel[hidden] { display: none !important; }
#appScreen .bildirim-panel {
  background: var(--vr-kart) !important;
  border: 1px solid var(--vr-kart-cizgi) !important;
  box-shadow: var(--vr-kart-golge);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  color: var(--vr-metin);
  max-width: calc(100vw - 24px);
  right: 12px;
}
#appScreen .bildirim-panel-title { color: var(--vr-metin); }
#appScreen .bildirim-mark-all { color: var(--vr-vurgu); }
#appScreen .bildirim-mark-all:hover { color: var(--vr-nav-aktif-metin); }
#appScreen .bildirim-item {
  border-color: var(--vr-cizgi);
  color: var(--vr-metin);
}
#appScreen .bildirim-item:hover { background: var(--vr-hover); }
#appScreen .bildirim-item--unread { background: color-mix(in srgb, var(--vr-vurgu) 8%, var(--vr-kart)); }
#appScreen .bildirim-item-title { color: var(--vr-metin); }
#appScreen .bildirim-item-text,
#appScreen .bildirim-item-meta,
#appScreen .bildirim-panel-empty { color: var(--vr-ikincil); }

/* Toast / notification */
#appScreen .notification,
#appScreen .pd-toast {
  background: var(--vr-kart) !important;
  color: var(--vr-metin) !important;
  border: 1px solid var(--vr-kart-cizgi);
  box-shadow: var(--vr-kart-golge);
  backdrop-filter: none !important;
}
#appScreen .notification.error,
#appScreen .pd-toast--err {
  border-color: var(--vr-tehlike) !important;
  color: var(--vr-tehlike) !important;
}
#appScreen .pd-toast--ok { border-color: var(--vr-durum-bitti) !important; }

/* ——— Formlar ——— */
#appScreen input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
#appScreen select,
#appScreen textarea,
#appScreen .proje-form-input,
#appScreen .proje-select,
#appScreen .proje-select-inline,
#appScreen .proje-select-filter,
#appScreen .proje-select-sort,
#appScreen .exec-cockpit-project-select,
#appScreen .pd-select,
#appScreen .pd-input,
#appScreen .envanter-filters select,
#appScreen .envanter-form-group select,
#appScreen .envanter-form-group textarea,
#appScreen .envanter-form-group input,
#appScreen .santiye-rej-textarea,
#appScreen .santiye-footer-textarea,
#appScreen .santiye-notlar-textarea,
#appScreen .issue-textarea,
#appScreen .worker-assignment,
#appScreen .tip-select,
#appScreen .gorev-tipi-select,
#appScreen .select-teslim-durumu,
#appScreen .arcz-select,
#appScreen #yonetimIcerik input[type="text"],
#appScreen #yonetimIcerik input[type="password"] {
  height: auto;
  min-height: 38px;
  padding-top: 8px;
  padding-bottom: 8px;
  border-radius: 10px !important;
  background: var(--vr-input-bg) !important;
  border: 1px solid var(--vr-input-cizgi) !important;
  color: var(--vr-metin) !important;
  font-family: var(--vr-font);
}
#appScreen textarea,
#appScreen .santiye-rej-textarea,
#appScreen .santiye-footer-textarea,
#appScreen .santiye-notlar-textarea,
#appScreen .issue-textarea,
#appScreen .envanter-form-group textarea {
  min-height: 80px;
  height: auto;
}
#appScreen input:focus,
#appScreen select:focus,
#appScreen textarea:focus,
#appScreen .proje-form-input:focus,
#appScreen .proje-select:focus,
#appScreen .exec-cockpit-project-select:focus,
#appScreen .pd-select:focus,
#appScreen .pd-input:focus,
#appScreen .envanter-filters select:focus,
#appScreen .envanter-form-group select:focus,
#appScreen .envanter-form-group textarea:focus,
#appScreen .envanter-form-group input:focus,
#appScreen .arcz-select:focus {
  outline: 2px solid var(--vr-vurgu) !important;
  outline-offset: 1px;
  border-color: var(--vr-vurgu) !important;
}
#appScreen input::placeholder,
#appScreen textarea::placeholder,
#appScreen .proje-form-input::placeholder {
  color: var(--vr-ikincil);
}

/* ——— Düğmeler ——— */
#appScreen .btn-proje-kaydet,
#appScreen .btn-yeni-proje,
#appScreen .envanter-btn-primary,
#appScreen .arcz-btn-primary,
#appScreen .pd-btn-primary,
#appScreen .santiye-accordions .btn-primary,
#appScreen .pd-btn--on {
  background: var(--vr-btn-birincil-bg) !important;
  color: var(--vr-btn-birincil-metin) !important;
  border: 1px solid var(--vr-btn-birincil-bg) !important;
  border-radius: 10px;
  box-shadow: none !important;
}
#appScreen .btn-proje-kaydet:hover,
#appScreen .btn-yeni-proje:hover,
#appScreen .envanter-btn-primary:hover,
#appScreen .arcz-btn-primary:hover:not(:disabled),
#appScreen .pd-btn-primary:hover {
  filter: brightness(1.06);
  opacity: 1;
}
#appScreen .pd-btn,
#appScreen .proje-yeni-close-btn,
#appScreen .veronni-ar-close {
  background: var(--vr-btn-ikincil-bg) !important;
  color: var(--vr-metin) !important;
  border: 1px solid var(--vr-btn-ikincil-cizgi) !important;
  border-radius: 10px;
}
#appScreen .proje-table-action-btn--sil,
#appScreen .arcz-btn-danger,
#appScreen .santiye-shf-btn--danger,
#appScreen .proje-icon-btn--danger {
  background: color-mix(in srgb, var(--vr-tehlike) 14%, var(--vr-kart)) !important;
  color: var(--vr-tehlike) !important;
  border-color: color-mix(in srgb, var(--vr-tehlike) 40%, var(--vr-cizgi)) !important;
}
#appScreen .proje-table-action-btn--sil:hover,
#appScreen .arcz-btn-danger:hover,
#appScreen .santiye-shf-btn--danger:hover {
  background: var(--vr-tehlike) !important;
  color: #fff !important;
}

/* ——— Tablolar / modallar / paneller ——— */
#appScreen table {
  color: var(--vr-metin);
}
#appScreen #ekipListesi table,
#appScreen #malzemeIcerik,
#appScreen #yonetimIcerik label,
#appScreen #reportOutput h4 {
  color: var(--vr-metin) !important;
}
#appScreen #reportOutput p,
#appScreen #reportOutput ul {
  color: var(--vr-ikincil) !important;
}
#appScreen .proje-yeni-overlay,
#appScreen .veronni-ar-modal-panel {
  background: var(--vr-kart);
  border-color: var(--vr-kart-cizgi);
  color: var(--vr-metin);
}
#appScreen .pd-detail,
#appScreen .pd-kpi,
#appScreen .pd-funnel-box,
#appScreen .pd-tl-item,
#appScreen .pd-step,
#appScreen .pd-bulkbar {
  background: var(--vr-kart) !important;
  border-color: var(--vr-kart-cizgi) !important;
  color: var(--vr-metin);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#appScreen .pd-title,
#appScreen .pd-detail-title,
#appScreen .pd-kpi-val,
#appScreen .pd-funnel-n,
#appScreen .pd-td-daire,
#appScreen .pd-bulk-count,
#appScreen .pd-step-ad,
#appScreen .pd-tl-name,
#appScreen #pdRootInner {
  color: var(--vr-metin) !important;
}
#appScreen .pd-label,
#appScreen .pd-kpi-lab,
#appScreen .pd-funnel-name,
#appScreen .pd-th,
#appScreen .pd-msg,
#appScreen .pd-bar-lab,
#appScreen .pd-tl-st,
#appScreen .pd-step-n,
#appScreen .pd-step-meta,
#appScreen .pd-asama-locked {
  color: var(--vr-ikincil) !important;
}
#appScreen .pd-th-daire,
#appScreen .pd-td-daire {
  background: var(--vr-kart) !important;
  box-shadow: 4px 0 8px -6px rgba(0, 0, 0, 0.12);
}
#appScreen .pd-bar-track {
  background: var(--vr-zemin) !important;
  border-color: var(--vr-cizgi) !important;
}
#appScreen .pd-empty-cell {
  border-color: var(--vr-cizgi) !important;
  color: var(--vr-ikincil) !important;
}

/* ——— Proje durumu hücreleri ——— */
#appScreen .pd-cell--bitti {
  background: color-mix(in srgb, var(--vr-durum-bitti) var(--vr-durum-mix), var(--vr-durum-zemin)) !important;
  color: color-mix(in srgb, var(--vr-durum-bitti) 72%, #000000) !important;
}
#appScreen .pd-cell--devam {
  background: color-mix(in srgb, var(--vr-durum-devam) var(--vr-durum-mix), var(--vr-durum-zemin)) !important;
  color: color-mix(in srgb, var(--vr-durum-devam) 72%, #000000) !important;
}
#appScreen .pd-cell--onay_bekliyor {
  background: color-mix(in srgb, var(--vr-durum-onay) var(--vr-durum-mix), var(--vr-durum-zemin)) !important;
  color: color-mix(in srgb, var(--vr-durum-onay) 72%, #000000) !important;
}
#appScreen .pd-cell--bloke {
  background: color-mix(in srgb, var(--vr-tehlike) var(--vr-durum-mix), var(--vr-durum-zemin)) !important;
  color: color-mix(in srgb, var(--vr-tehlike) 72%, #000000) !important;
}
#appScreen .pd-cell--baslamadi {
  background: color-mix(in srgb, var(--vr-durum-baslamadi) var(--vr-durum-mix), var(--vr-durum-zemin)) !important;
  color: color-mix(in srgb, var(--vr-durum-baslamadi) 55%, #000000) !important;
}
html[data-tema="koyu"] #appScreen .pd-cell--bitti {
  color: color-mix(in srgb, var(--vr-durum-bitti) 55%, #ffffff) !important;
}
html[data-tema="koyu"] #appScreen .pd-cell--devam {
  color: color-mix(in srgb, var(--vr-durum-devam) 55%, #ffffff) !important;
}
html[data-tema="koyu"] #appScreen .pd-cell--onay_bekliyor {
  color: color-mix(in srgb, var(--vr-durum-onay) 55%, #ffffff) !important;
}
html[data-tema="koyu"] #appScreen .pd-cell--bloke {
  color: color-mix(in srgb, var(--vr-tehlike) 55%, #ffffff) !important;
}
html[data-tema="koyu"] #appScreen .pd-cell--baslamadi {
  color: color-mix(in srgb, var(--vr-durum-baslamadi) 45%, #ffffff) !important;
}
#appScreen .pd-cell--sel {
  box-shadow: inset 0 0 0 2px var(--vr-vurgu) !important;
}
#appScreen .pd-cell:focus {
  outline: 2px solid var(--vr-vurgu) !important;
  outline-offset: 1px;
}

/* Rozetler */
#appScreen .pd-badge--bitti {
  background: color-mix(in srgb, var(--vr-durum-bitti) 18%, var(--vr-kart));
  color: var(--vr-durum-bitti);
}
#appScreen .pd-badge--devam,
#appScreen .pd-badge--doing {
  background: color-mix(in srgb, var(--vr-durum-devam) 18%, var(--vr-kart));
  color: var(--vr-durum-devam);
}
#appScreen .pd-badge--onay_bekliyor,
#appScreen .pd-badge--worker_done {
  background: color-mix(in srgb, var(--vr-durum-onay) 18%, var(--vr-kart));
  color: var(--vr-durum-onay);
}
#appScreen .pd-badge--bloke,
#appScreen .pd-badge--paused {
  background: color-mix(in srgb, var(--vr-tehlike) 18%, var(--vr-kart));
  color: var(--vr-tehlike);
}
#appScreen .pd-badge--baslamadi,
#appScreen .pd-badge--todo {
  background: color-mix(in srgb, var(--vr-durum-baslamadi) 18%, var(--vr-kart));
  color: var(--vr-ikincil);
}
#appScreen .pd-badge--closed {
  background: color-mix(in srgb, var(--vr-durum-bitti) 18%, var(--vr-kart));
  color: var(--vr-durum-bitti);
}

/* ——— Harita kartı / Leaflet kontrolleri (harita karolarına dokunma) ——— */
#appScreen .dashboard-map-full,
#appScreen .proje-yeni-map-wrap {
  background: var(--vr-kart) !important;
  border-color: var(--vr-kart-cizgi) !important;
}
#appScreen .leaflet-bar,
#appScreen .leaflet-control-zoom a,
#appScreen .leaflet-control-attribution {
  background: var(--vr-kart) !important;
  color: var(--vr-metin) !important;
  border-color: var(--vr-kart-cizgi) !important;
}
#appScreen .leaflet-control-zoom a {
  color: var(--vr-metin) !important;
}
#appScreen .leaflet-control-zoom a:hover {
  background: var(--vr-hover) !important;
}
#appScreen .leaflet-popup-content-wrapper,
#appScreen .leaflet-popup-tip {
  background: var(--vr-kart) !important;
  color: var(--vr-metin) !important;
  border: 1px solid var(--vr-kart-cizgi);
}
#appScreen .veronni-map-popup-meta { color: var(--vr-ikincil); }

/* ——— Mobil alt menü ——— */
@media (max-width: 768px) {
  #appScreen .bottom-nav,
  #appScreen .bottom-nav.glass {
    background: var(--vr-sidebar) !important;
    border-top: 1px solid var(--vr-sidebar-cizgi) !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  #appScreen .bottom-nav-item {
    color: var(--vr-ikincil);
  }
  #appScreen .bottom-nav-item:hover {
    color: var(--vr-metin);
  }
  #appScreen .bottom-nav-item.active {
    color: var(--vr-vurgu);
  }
}

/* KPI uyarı/tehlike sayı renkleri sabit anlam */
#appScreen .exec-kpi-warn .exec-kpi-value,
#appScreen .pd-kpi--warn .pd-kpi-val { color: var(--vr-durum-onay) !important; }
#appScreen .exec-kpi-danger .exec-kpi-value,
#appScreen .pd-kpi--danger .pd-kpi-val { color: var(--vr-tehlike) !important; }

/* ——— Eski Yönetici Kokpiti / ilerleme matrisi / grafikler (renkleri koyu tasarıma göre sabit yazılmıştı) ——— */
#appScreen .dashboard-qa-panel,
#appScreen .dashboard-operasyon-risk,
#appScreen .chart-area {
  background: var(--vr-kart) !important;
  border: 1px solid var(--vr-kart-cizgi) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#appScreen .dashboard-qa-panel--kapasite { border-left: 3px solid var(--vr-durum-onay) !important; }
#appScreen .dashboard-qa-panel li,
#appScreen .dashboard-qa-panel strong,
#appScreen .dashboard-qa-panel em,
#appScreen .dashboard-risk-title,
#appScreen .exec-kpi-value,
#appScreen .matrix-unit-primary,
#appScreen .matrix-cell-sub { color: var(--vr-metin) !important; }
#appScreen .dashboard-qa-lead,
#appScreen .exec-kpi-label,
#appScreen .matrix-unit-sub,
#appScreen .matrix-legend-item,
#appScreen .legend-dot { color: var(--vr-ikincil) !important; }
#appScreen .matrix-cell-badge,
#appScreen .matrix-cell-icon { color: var(--vr-ikincil) !important; opacity: .75; }
#appScreen .dashboard-scurve-status { color: color-mix(in srgb, var(--vr-durum-onay) 75%, var(--vr-metin)) !important; }
#appScreen .matrix-th-unit,
#appScreen .matrix-th-unit-cell,
#appScreen table th {
  background: var(--vr-kart) !important;
  color: var(--vr-ikincil) !important;
  border-color: var(--vr-cizgi) !important;
}
#appScreen .matrix-cell--pending,
#appScreen .matrix-cell--idle,
#appScreen .matrix-legend-swatch--na,
#appScreen .matrix-legend-swatch--pending { background: var(--vr-hover) !important; border-color: var(--vr-cizgi) !important; }
#appScreen .pd-q { background: color-mix(in srgb, var(--vr-metin) 70%, transparent) !important; color: var(--vr-kart) !important; }
#appScreen .pd-bar-fill--plan { background: color-mix(in srgb, var(--vr-ikincil) 60%, var(--vr-kart)) !important; }
#appScreen .dashboard-osm-map.leaflet-container { background: var(--vr-zemin) !important; }

/* Mobil alt menü: aktif sekme mavi zemin yerine tema vurgusu */
#appScreen .bottom-nav-item.active {
  background: var(--vr-nav-aktif-bg) !important;
  color: var(--vr-nav-aktif-metin) !important;
}
#appScreen .bottom-nav-item.active .bottom-nav-label,
#appScreen .bottom-nav-item.active svg { color: var(--vr-nav-aktif-metin) !important; }
#appScreen .dashboard-operasyon-risk li,
#appScreen .dashboard-operasyon-risk strong,
#appScreen .dashboard-operasyon-risk em,
#appScreen .dashboard-pause-donut-heading { color: var(--vr-metin) !important; }
#appScreen .dashboard-risk-lead,
#appScreen .dashboard-risk-n { color: var(--vr-ikincil) !important; }
#appScreen .dashboard-risk-rank { color: var(--vr-vurgu) !important; }

/* ——— Açık tema: eski sayfalarda koyu zemin için sabit yazılmış açık metin renkleri ——— */
html[data-tema="acik"] #appScreen :is(
  .proje-td-ad, .proje-view-mobile-title, .proje-badge-durum, .proje-acil-chip, .proje-timeline-badge, .proje-tur-chip,
  .proje-table-action-btn, .santiye-adim-details-sum-text, .santiye-yer-badge-text, .santiye-yer-context-line,
  .santiye-manuel-add, .arcz-h2, .arcz-file-label, .kpi-value, label, .btn:not([class*="primary"]):not([class*="danger"])
) { color: var(--vr-metin) !important; }
html[data-tema="acik"] #appScreen :is(
  .santiye-adim-details-count, .santiye-card-sub, .santiye-footer-label, .santiye-yer-context-k, .arcz-form-hint,
  .arcz-label, .arcz-lead, .istat-chart-sub, .istatistik-page-lead, .kpi-label, [class*="text-[0.72rem]"]
) { color: var(--vr-ikincil) !important; }
html[data-tema="acik"] #appScreen :is(.proje-badge-durum, .proje-acil-chip, .proje-timeline-badge, .proje-tur-chip, .santiye-yer-badge-text) {
  border-color: var(--vr-cizgi) !important;
}
html[data-tema="acik"] #appScreen :is(.exec-roadmap-hint-list, .exec-roadmap-hint-list li) { color: var(--vr-ikincil) !important; }
html[data-tema="acik"] #appScreen .exec-roadmap-hint-list strong { color: var(--vr-metin) !important; }
html[data-tema="acik"] #appScreen .santiye-yer-dual-card {
  background: var(--vr-kart) !important; border-color: var(--vr-kart-cizgi) !important;
}
/* Şantiye adım durum düğmeleri (Tailwind sınıfları: bg-slate-*/ text-slate-* koyu zemin varsayıyordu) */
html[data-tema="acik"] #appScreen [class*="bg-slate-"] { background: var(--vr-hover) !important; }
html[data-tema="acik"] #appScreen [class*="text-slate-1"], html[data-tema="acik"] #appScreen [class*="text-slate-2"] { color: var(--vr-metin) !important; }
html[data-tema="acik"] #appScreen [class*="border-white/"] { border-color: var(--vr-cizgi) !important; }
html[data-tema="acik"] #appScreen :is(.updates-list li, .santiye-yer-dual-ar-ar, .santiye-yer-dual-ar-caption) { color: var(--vr-metin) !important; }
html[data-tema="acik"] #appScreen .arcz-form-row > span { color: color-mix(in srgb, var(--vr-durum-onay) 70%, var(--vr-metin)) !important; }
/* Yapışkan üst çubuk, Leaflet kontrollerinin (z-index 800–1000) üstünde kalsın */
#appScreen .top-header { z-index: 1200 !important; }
/* Zil simgesi: arka plan resmindeki currentColor çalışmıyordu (hep siyah) → maske ile tema rengini alır */
#appScreen .header-bell::before {
  background: currentColor !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13 21a1 1 0 01-2 0'/%3E%3C/svg%3E") center/22px no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M18 8A6 6 0 006 8c0 7-3 9-3 9h18s-3-2-3-9M13 21a1 1 0 01-2 0'/%3E%3C/svg%3E") center/22px no-repeat;
}