/* ═══════════════════════════════════════════════════════════════════════════
   SDR WORKS — Global Tema Sistemi
   Dark tema varsayılan olarak kalır. Light tema [data-theme="light"] ile aktif olur.
   Tüm renk değişkenleri buradan yönetilir — sayfa bazlı renk tanımı yapılmaz.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── DARK TEMA (Varsayılan) ── */
:root,
[data-theme="dark"] {
    /* Arka plan hiyerarşisi */
    --bg-app:       #0b0e14;
    --bg-sidebar:   #13161c;
    --bg-surface:   #13161c;
    --bg-surface-2: #0f1117;
    --bg-elevated:  #1a1f2e;
    --bg-input:     #0f1117;
    --bg-hover:     #1a1f2e;
    --bg-selected:  #1a1f2e;

    /* Kenarlıklar */
    --border:       #1e2330;
    --border-strong:#2a2f3d;

    /* Metin hiyerarşisi */
    --text-primary:   #e2e8f0;
    --text-secondary: #94a3b8;
    --text-muted:     #64748b;
    --text-faint:     #475569;
    --text-faintest:  #334155;

    /* Vurgu rengi */
    --accent:        #818cf8;
    --accent-bg:     #5e5ce6;
    --accent-hover:  #4f4de0;

    /* Semantik renkler — her iki temada da anlamlı kalır */
    --success:       #4ade80;
    --success-bg:    rgba(74,222,128,0.1);
    --success-border:rgba(74,222,128,0.2);
    --warning:       #fbbf24;
    --warning-bg:    rgba(251,191,36,0.1);
    --warning-border:rgba(251,191,36,0.2);
    --danger:        #f87171;
    --danger-bg:     rgba(248,113,113,0.1);
    --danger-border: rgba(248,113,113,0.2);
    --info:          #60a5fa;
    --info-bg:       rgba(96,165,250,0.1);
    --info-border:   rgba(96,165,250,0.2);

    /* Gölge */
    --shadow-sm:  0 2px 8px rgba(0,0,0,0.4);
    --shadow-md:  0 8px 24px rgba(0,0,0,0.6);
    --shadow-lg:  0 20px 60px rgba(0,0,0,0.7);

    /* Date picker */
    --date-color-scheme: dark;
    --date-picker-filter: invert(1);
}

/* ── LIGHT TEMA ── */
[data-theme="light"] {
    /* Arka plan hiyerarşisi */
    --bg-app:       #f1f5f9;
    --bg-sidebar:   #ffffff;
    --bg-surface:   #ffffff;
    --bg-surface-2: #f8fafc;
    --bg-elevated:  #f1f5f9;
    --bg-input:     #f8fafc;
    --bg-hover:     #f1f5f9;
    --bg-selected:  #e8edf5;

    /* Kenarlıklar */
    --border:       #e2e8f0;
    --border-strong:#cbd5e1;

    /* Metin hiyerarşisi */
    --text-primary:   #0f172a;
    --text-secondary: #334155;
    --text-muted:     #64748b;
    --text-faint:     #94a3b8;
    --text-faintest:  #cbd5e1;

    /* Vurgu rengi */
    --accent:        #6366f1;
    --accent-bg:     #4f46e5;
    --accent-hover:  #4338ca;

    /* Semantik renkler — light'ta daha koyu ton */
    --success:       #16a34a;
    --success-bg:    rgba(22,163,74,0.1);
    --success-border:rgba(22,163,74,0.2);
    --warning:       #d97706;
    --warning-bg:    rgba(217,119,6,0.1);
    --warning-border:rgba(217,119,6,0.2);
    --danger:        #dc2626;
    --danger-bg:     rgba(220,38,38,0.1);
    --danger-border: rgba(220,38,38,0.2);
    --info:          #2563eb;
    --info-bg:       rgba(37,99,235,0.1);
    --info-border:   rgba(37,99,235,0.2);

    /* Gölge */
    --shadow-sm:  0 2px 8px rgba(0,0,0,0.08);
    --shadow-md:  0 8px 24px rgba(0,0,0,0.12);
    --shadow-lg:  0 20px 60px rgba(0,0,0,0.16);

    /* Date picker */
    --date-color-scheme: light;
    --date-picker-filter: none;
}

/* ═══════════════════════════════════════════════════════════════════════════
   LAYOUT SHELL — CSS variable'a geçirilmiş stiller
   _Layout.cshtml'deki hardcoded hex'lerin variable karşılıkları
   ═══════════════════════════════════════════════════════════════════════════ */

/* Uygulama arka planı */
body {
    background: var(--bg-app) !important;
    color: var(--text-primary) !important;
}

/* Sidebar */
#sdr-sidebar {
    background: var(--bg-sidebar) !important;
    border-right-color: var(--border) !important;
}

.sb-header {
    border-bottom-color: var(--border) !important;
}

.sb-group-hdr:hover {
    background: var(--bg-hover) !important;
}

.sb-group-label {
    color: var(--text-faint) !important;
}

.sb-group-chevron {
    color: var(--text-faintest) !important;
}

.sb-item {
    color: var(--text-muted) !important;
}

.sb-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-secondary) !important;
}

.sb-item.active {
    background: var(--bg-elevated) !important;
    color: var(--accent) !important;
    border-left-color: var(--accent-bg) !important;
}

.sb-toggle {
    background: var(--border) !important;
    color: var(--text-muted) !important;
}

.sb-toggle:hover {
    background: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

/* Sidebar tooltip (collapsed mode) */
#sdr-sidebar.collapsed .sb-item::after {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-strong) !important;
}

/* Sidebar footer */
.sb-footer {
    border-top-color: var(--border) !important;
    background: var(--bg-surface-2) !important;
}

.sb-user-name {
    color: var(--text-primary) !important;
}

.sb-user-mail {
    color: var(--text-faint) !important;
}

.sb-logout {
    color: var(--text-faint) !important;
}

.sb-logout:hover {
    color: var(--danger) !important;
}

/* Topbar */
.app-topbar {
    background: var(--bg-sidebar) !important;
    border-bottom-color: var(--border) !important;
}

.topbar-title {
    color: var(--text-primary) !important;
}

.topbar-btn {
    background: var(--border) !important;
    color: var(--text-muted) !important;
}

.topbar-btn:hover {
    background: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

.topbar-btn.active {
    background: var(--bg-elevated) !important;
    color: var(--accent) !important;
}

/* Content area */
.app-content::-webkit-scrollbar-track {
    background: var(--bg-app) !important;
}

.app-content::-webkit-scrollbar-thumb {
    background: var(--border) !important;
}

/* Mobile header */
.mobile-header {
    background: var(--bg-sidebar) !important;
    border-bottom-color: var(--border) !important;
}

.mobile-menu-btn {
    background: var(--border) !important;
    color: var(--text-secondary) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TAILWIND OVERRIDE'LARI — Light modda bg-[#hex] sınıflarını ezer
   Tailwind'in hardcoded hex utility sınıfları CSS variable ile override edilemez,
   bu yüzden [data-theme="light"] selector'ı ile !important kullanılır.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Yüzey renkleri */
[data-theme="light"] .bg-\[\#13161e\],
[data-theme="light"] .bg-\[\#13161c\] {
    background-color: var(--bg-surface) !important;
}

[data-theme="light"] .bg-\[\#1a1d27\],
[data-theme="light"] .bg-\[\#1a1f2e\] {
    background-color: var(--bg-elevated) !important;
}

[data-theme="light"] .bg-\[\#0f1117\],
[data-theme="light"] .bg-\[\#0b0e14\] {
    background-color: var(--bg-surface-2) !important;
}

[data-theme="light"] .bg-\[\#161923\] {
    background-color: var(--bg-hover) !important;
}

/* Kenarlıklar */
[data-theme="light"] .border-slate-800\/60,
[data-theme="light"] .border-slate-800\/40,
[data-theme="light"] .border-slate-800\/20,
[data-theme="light"] .border-slate-700\/60,
[data-theme="light"] .border-slate-700 {
    border-color: var(--border) !important;
}

[data-theme="light"] .divide-slate-800\/40 > * + *,
[data-theme="light"] .divide-slate-800\/60 > * + * {
    border-color: var(--border) !important;
}

/* Metin renkleri */
[data-theme="light"] .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .text-slate-200,
[data-theme="light"] .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .text-slate-500 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .text-slate-600,
[data-theme="light"] .text-slate-700 {
    color: var(--text-faint) !important;
}

/* Hover arka planları */
[data-theme="light"] .hover\:bg-slate-800\/20:hover,
[data-theme="light"] .hover\:bg-slate-700\/60:hover,
[data-theme="light"] .hover\:bg-slate-700\/40:hover {
    background-color: var(--bg-hover) !important;
}

[data-theme="light"] .hover\:bg-\[\#161923\]:hover {
    background-color: var(--bg-hover) !important;
}

/* Progress bar arka planı */
[data-theme="light"] .bg-slate-800 {
    background-color: var(--border) !important;
}

/* Tablo satır hover */
[data-theme="light"] tr:hover td {
    background-color: var(--bg-hover) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   WORK PROGRAM STAGE DETAY + GENEL LIGHT TEMA BOŞLUKLARI
   WorkProgramStage/Detail.cshtml gibi sayfalarda eksik kalan hardcoded dark
   utility sınıfları için light override'ları. Semantic token'lar kullanılır.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Girdi yüzeyi — bg-slate-900 (input/select/textarea) */
[data-theme="light"] .bg-slate-900 {
    background-color: var(--bg-input) !important;
}

/* Parlak metin — text-slate-100 (girdi değeri, başlık, tutar) */
[data-theme="light"] .text-slate-100 {
    color: var(--text-primary) !important;
}

/* Kart kenarlığı — border-slate-800 */
[data-theme="light"] .border-slate-800 {
    border-color: var(--border) !important;
}

/* Liste ayırıcı — divide-slate-800 */
[data-theme="light"] .divide-slate-800 > * + * {
    border-color: var(--border) !important;
}

/* Ghost/back buton hover — hover:bg-slate-800 */
[data-theme="light"] .hover\:bg-slate-800:hover {
    background-color: var(--bg-hover) !important;
}

/* İlerleme çubuğu zemini — bg-slate-700 */
[data-theme="light"] .bg-slate-700 {
    background-color: var(--bg-elevated) !important;
}

/* Dosya yükleme butonu — file:bg-slate-800 */
[data-theme="light"] .file\:bg-slate-800::file-selector-button {
    background-color: var(--bg-elevated) !important;
    color: var(--text-secondary) !important;
}

/* Aksan bağlantı metni — light'ta okunabilirlik */
[data-theme="light"] .text-indigo-300,
[data-theme="light"] .text-indigo-400 {
    color: var(--accent) !important;
}

/* Silme / bağ kaldırma metni — light'ta okunabilirlik */
[data-theme="light"] .text-rose-300,
[data-theme="light"] .text-rose-400 {
    color: var(--danger) !important;
}

/* Başarı mesajı metni — light'ta okunabilirlik */
[data-theme="light"] .text-emerald-300 {
    color: var(--success) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PAGE-SPECIFIC CSS OVERRIDE'LARI
   Catalog, Configuration, Engineering vb. sayfalardaki özel CSS sınıfları
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sayfa arka planı */
[data-theme="light"] .cl-page,
[data-theme="light"] .cfg-page,
[data-theme="light"] .ws-page,
[data-theme="light"] .eng-page,
[data-theme="light"] .bom-page,
[data-theme="light"] .asm-page,
[data-theme="light"] .re-page,
[data-theme="light"] .doc-page {
    background: var(--bg-app) !important;
}

/* Toolbar */
[data-theme="light"] .cl-toolbar,
[data-theme="light"] .cfg-toolbar,
[data-theme="light"] .ws-toolbar,
[data-theme="light"] .eng-toolbar,
[data-theme="light"] .bom-toolbar,
[data-theme="light"] .re-toolbar,
[data-theme="light"] .doc-toolbar {
    background: var(--bg-surface) !important;
    border-bottom-color: var(--border) !important;
}

/* Toolbar butonları */
[data-theme="light"] .tb-btn.secondary {
    color: var(--text-muted) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .tb-btn.secondary:hover {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .tb-search {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .tb-search input {
    color: var(--text-primary) !important;
}

[data-theme="light"] .tb-search input::placeholder {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .tb-search i {
    color: var(--text-faint) !important;
}

[data-theme="light"] .tb-select {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
}

/* Sol panel / tree */
[data-theme="light"] .cl-left,
[data-theme="light"] .cfg-left,
[data-theme="light"] .ws-left,
[data-theme="light"] .bom-left,
[data-theme="light"] .re-left {
    background: var(--bg-surface-2) !important;
    border-right-color: var(--border) !important;
}

[data-theme="light"] .tree-search-wrap {
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .tree-search {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .tree-search input {
    color: var(--text-primary) !important;
}

[data-theme="light"] .tree-search input::placeholder,
[data-theme="light"] .tree-search i {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .tree-section-label {
    color: var(--text-faint) !important;
}

[data-theme="light"] .tree-section-add {
    color: var(--text-faint) !important;
}

[data-theme="light"] .tree-section-add:hover {
    background: var(--border) !important;
    color: var(--accent) !important;
}

[data-theme="light"] .tree-node-row:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .tree-node-row.active {
    background: var(--bg-selected) !important;
    border-left-color: var(--accent-bg) !important;
}

[data-theme="light"] .tree-node-row.active .tree-node-label {
    color: var(--accent) !important;
}

[data-theme="light"] .tree-node-label {
    color: var(--text-muted) !important;
}

[data-theme="light"] .tree-count {
    background: var(--border) !important;
    color: var(--text-faint) !important;
}

[data-theme="light"] .tree-node-row.active .tree-count {
    background: var(--bg-elevated) !important;
    color: var(--accent) !important;
}

[data-theme="light"] .tree-divider {
    background: var(--border) !important;
}

/* Resizer */
[data-theme="light"] .cl-resizer,
[data-theme="light"] .cfg-resizer,
[data-theme="light"] .ws-resizer,
[data-theme="light"] .bom-resizer {
    background: var(--border) !important;
}

[data-theme="light"] .cl-resizer:hover,
[data-theme="light"] .cl-resizer.dragging,
[data-theme="light"] .cfg-resizer:hover,
[data-theme="light"] .cfg-resizer.dragging {
    background: var(--accent-bg) !important;
}

/* Status bar */
[data-theme="light"] .cl-statusbar,
[data-theme="light"] .cfg-statusbar,
[data-theme="light"] .ws-statusbar {
    background: var(--bg-surface-2) !important;
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .sb-stat {
    color: var(--text-faint) !important;
}

[data-theme="light"] .sb-stat span {
    color: var(--text-muted) !important;
}

/* Grid / tablo */
[data-theme="light"] .cl-grid th,
[data-theme="light"] .cfg-grid th {
    background: var(--bg-surface-2) !important;
    color: var(--text-faint) !important;
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .cl-grid th:hover,
[data-theme="light"] .cfg-grid th:hover {
    color: var(--text-muted) !important;
}

[data-theme="light"] .cl-grid td,
[data-theme="light"] .cfg-grid td {
    color: var(--text-secondary) !important;
    border-bottom-color: var(--bg-elevated) !important;
}

[data-theme="light"] .cl-grid tr:hover td,
[data-theme="light"] .cfg-grid tr:hover td {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .cl-grid tr.selected td,
[data-theme="light"] .cfg-grid tr.selected td {
    background: var(--bg-selected) !important;
}

[data-theme="light"] .td-code {
    color: var(--accent) !important;
}

[data-theme="light"] .td-name {
    color: var(--text-primary) !important;
}

[data-theme="light"] .td-mfr {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .open-btn {
    border-color: var(--border) !important;
    color: var(--text-faint) !important;
}

[data-theme="light"] .open-btn:hover {
    background: var(--border) !important;
    color: var(--accent) !important;
    border-color: var(--border-strong) !important;
}

/* Scrollbar */
[data-theme="light"] .cl-grid-wrap::-webkit-scrollbar-thumb,
[data-theme="light"] .tree-scroll::-webkit-scrollbar-thumb,
[data-theme="light"] .sb-nav::-webkit-scrollbar-thumb {
    background: var(--border-strong) !important;
}

/* Empty state */
[data-theme="light"] .cl-empty,
[data-theme="light"] .cfg-empty {
    color: var(--text-faint) !important;
}

[data-theme="light"] .cl-empty i,
[data-theme="light"] .cfg-empty i {
    color: var(--border-strong) !important;
}

/* Context menu */
[data-theme="light"] .ctx-menu {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="light"] .ctx-item {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .ctx-item:hover {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .ctx-item.danger {
    color: var(--danger) !important;
}

[data-theme="light"] .ctx-item.danger:hover {
    background: var(--danger-bg) !important;
}

[data-theme="light"] .ctx-sep {
    background: var(--border) !important;
}

/* Modal */
[data-theme="light"] .modal-overlay {
    background: rgba(0,0,0,0.4) !important;
}

[data-theme="light"] .modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
    box-shadow: var(--shadow-lg) !important;
}

[data-theme="light"] .modal-header {
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .modal-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .modal-close {
    color: var(--text-faint) !important;
}

[data-theme="light"] .modal-close:hover {
    color: var(--text-primary) !important;
}

[data-theme="light"] .modal-footer {
    border-top-color: var(--border) !important;
}

/* Form elemanları */
[data-theme="light"] .form-label {
    color: var(--text-muted) !important;
}

[data-theme="light"] .form-input,
[data-theme="light"] .form-select,
[data-theme="light"] .form-textarea {
    background: var(--bg-input) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .form-input:focus,
[data-theme="light"] .form-select:focus,
[data-theme="light"] .form-textarea:focus {
    border-color: var(--accent-bg) !important;
}

[data-theme="light"] .form-input::placeholder,
[data-theme="light"] .form-textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* Butonlar */
[data-theme="light"] .btn-primary {
    background: var(--accent-bg) !important;
}

[data-theme="light"] .btn-primary:hover {
    background: var(--accent-hover) !important;
}

[data-theme="light"] .btn-secondary {
    color: var(--text-muted) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .btn-secondary:hover {
    background: var(--bg-elevated) !important;
    color: var(--text-primary) !important;
}

/* Icon picker */
[data-theme="light"] .icon-picker-wrap {
    border-color: var(--border) !important;
}

[data-theme="light"] .icon-picker-search {
    background: var(--bg-surface-2) !important;
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .icon-picker-search input {
    color: var(--text-primary) !important;
}

[data-theme="light"] .icon-picker-search input::placeholder,
[data-theme="light"] .icon-picker-search i {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .icon-grid {
    background: var(--bg-surface-2) !important;
}

[data-theme="light"] .icon-cell {
    color: var(--text-faint) !important;
}

[data-theme="light"] .icon-cell:hover {
    background: var(--border) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .icon-cell.selected {
    background: var(--bg-selected) !important;
    color: var(--accent) !important;
    border-color: var(--accent-bg) !important;
}

[data-theme="light"] .icon-preview {
    background: var(--bg-surface-2) !important;
    border-top-color: var(--border) !important;
    color: var(--text-muted) !important;
}

/* Badge'ler — semantik renkler korunur, sadece arka plan tonu ayarlanır */
[data-theme="light"] .badge-released  { background: #dcfce7; color: #15803d; border-color: #bbf7d0; }
[data-theme="light"] .badge-draft     { background: #f5f5f4; color: #57534e; border-color: #e7e5e4; }
[data-theme="light"] .badge-review    { background: #fefce8; color: #a16207; border-color: #fef08a; }
[data-theme="light"] .badge-approved  { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
[data-theme="light"] .badge-obsolete  { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }
[data-theme="light"] .badge-rev       { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
[data-theme="light"] .badge-type-buy  { background: #dcfce7; color: #15803d; border-color: #bbf7d0; }
[data-theme="light"] .badge-type-make { background: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; }
[data-theme="light"] .badge-type-asm  { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
[data-theme="light"] .badge-type-svc  { background: #fefce8; color: #a16207; border-color: #fef08a; }
[data-theme="light"] .badge-type-custom { background: #f8fafc; color: #64748b; border-color: #e2e8f0; }

/* ═══════════════════════════════════════════════════════════════════════════
   ENGINEERING WORKSPACE — Tema override'ları
   Workspace.cshtml artık CSS variable kullanıyor, bu blok ek güvence sağlar.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] .ew-page,
[data-theme="light"] .ew-canvas { background: var(--bg-app) !important; }

[data-theme="light"] .ew-topbar { background: var(--bg-surface) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .ew-topbar-title { color: var(--text-primary) !important; }
[data-theme="light"] .ew-topbar-app { color: var(--accent) !important; background: var(--bg-elevated) !important; border-color: var(--border-strong) !important; }
[data-theme="light"] .ew-topbar-status { color: var(--success) !important; background: var(--success-bg) !important; border-color: var(--success-border) !important; }
[data-theme="light"] .ew-topbar-sep { background: var(--border) !important; }

[data-theme="light"] .ew-steps { background: var(--bg-surface-2) !important; border-right-color: var(--border) !important; }
[data-theme="light"] .ew-step:hover { background: var(--bg-hover) !important; }
[data-theme="light"] .ew-step.active { background: var(--bg-elevated) !important; border-left-color: var(--accent-bg) !important; }
[data-theme="light"] .ew-step-num { background: var(--border) !important; color: var(--text-faint) !important; }
[data-theme="light"] .ew-step.active .ew-step-num { background: var(--accent-bg) !important; color: #fff !important; }
[data-theme="light"] .ew-step.done .ew-step-num { background: var(--success-bg) !important; color: var(--success) !important; }
[data-theme="light"] .ew-step-label { color: var(--text-muted) !important; }
[data-theme="light"] .ew-step.active .ew-step-label { color: var(--text-primary) !important; }
[data-theme="light"] .ew-step.done .ew-step-label { color: var(--success) !important; }

[data-theme="light"] .ew-summary { background: var(--bg-surface-2) !important; border-left-color: var(--border) !important; }
[data-theme="light"] .ew-summary-header { border-bottom-color: var(--border) !important; color: var(--text-faint) !important; }
[data-theme="light"] .ew-summary-row { border-bottom-color: var(--border) !important; }
[data-theme="light"] .ew-summary-label { color: var(--text-faint) !important; }
[data-theme="light"] .ew-summary-val { color: var(--text-secondary) !important; }
[data-theme="light"] .ew-summary-section { color: var(--text-faintest) !important; }
[data-theme="light"] .ew-warn-text { color: var(--text-secondary) !important; }

[data-theme="light"] .section-card { background: var(--bg-surface) !important; border-color: var(--border) !important; }
[data-theme="light"] .section-card-title { color: var(--text-secondary) !important; }
[data-theme="light"] .app-card { background: var(--bg-surface) !important; border-color: var(--border) !important; }
[data-theme="light"] .app-card:hover, [data-theme="light"] .app-card.selected { background: var(--bg-elevated) !important; border-color: var(--accent-bg) !important; }
[data-theme="light"] .app-card-name { color: var(--text-primary) !important; }
[data-theme="light"] .app-card-desc { color: var(--text-faint) !important; }
[data-theme="light"] .template-panel { background: var(--bg-surface) !important; border-color: var(--border) !important; }
[data-theme="light"] .tpl-field { background: var(--bg-surface-2) !important; border-color: var(--border) !important; }
[data-theme="light"] .tpl-label { color: var(--text-faint) !important; }
[data-theme="light"] .tpl-input { color: var(--text-primary) !important; }
[data-theme="light"] .room-card { background: var(--bg-surface-2) !important; border-color: var(--border) !important; }
[data-theme="light"] .brand-card { background: var(--bg-surface-2) !important; border-color: var(--border) !important; }
[data-theme="light"] .brand-card:hover, [data-theme="light"] .brand-card.selected { background: var(--bg-elevated) !important; border-color: var(--accent-bg) !important; }
[data-theme="light"] .brand-name { color: var(--text-primary) !important; }
[data-theme="light"] .brand-models { color: var(--text-faint) !important; }
[data-theme="light"] .config-card { background: var(--bg-surface) !important; border-color: var(--border) !important; }
[data-theme="light"] .config-card:hover, [data-theme="light"] .config-card.selected { background: var(--bg-elevated) !important; border-color: var(--accent-bg) !important; }
[data-theme="light"] .config-card-title { color: var(--text-primary) !important; }
[data-theme="light"] .config-row { border-bottom-color: var(--border) !important; }
[data-theme="light"] .config-row-label { color: var(--text-faint) !important; }
[data-theme="light"] .config-row-val { color: var(--text-secondary) !important; }
[data-theme="light"] .gen-card { background: var(--bg-surface) !important; border-color: var(--border) !important; }
[data-theme="light"] .gen-title { color: var(--text-primary) !important; }
[data-theme="light"] .gen-desc { color: var(--text-muted) !important; }
[data-theme="light"] .sim-bar-bg { background: var(--bg-surface-2) !important; }
[data-theme="light"] .step-nav { border-top-color: var(--border) !important; }
[data-theme="light"] .step-title { color: var(--text-primary) !important; }
[data-theme="light"] .step-desc { color: var(--text-muted) !important; }
[data-theme="light"] .val-item { border-bottom-color: var(--border) !important; }
[data-theme="light"] .val-label { color: var(--text-primary) !important; }
[data-theme="light"] .val-detail { color: var(--text-muted) !important; }
[data-theme="light"] .load-table th { background: var(--bg-surface-2) !important; color: var(--text-faint) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .load-table td { color: var(--text-secondary) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .model-table th { background: var(--bg-surface-2) !important; color: var(--text-faint) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .model-table td { color: var(--text-secondary) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .model-table tr:hover td { background: var(--bg-hover) !important; }
[data-theme="light"] .model-table tr.selected td { background: var(--bg-selected) !important; color: var(--text-primary) !important; }
[data-theme="light"] .ew-toast { background: var(--bg-surface) !important; border-color: var(--border-strong) !important; box-shadow: var(--shadow-md) !important; }

/* ── Engineering Workspace butonları ── */
[data-theme="light"] .ew-btn-secondary { color: var(--text-muted) !important; border-color: var(--border) !important; }
[data-theme="light"] .ew-btn-secondary:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   TREE / ASSEMBLY VIEW — Tema override'ları
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] .ew-workspace { background: var(--bg-app) !important; }
[data-theme="light"] .ew-toolbar { background: var(--bg-surface) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .tsep, [data-theme="light"] .dsep, [data-theme="light"] .int-tb-sep { background: var(--border-strong) !important; }
[data-theme="light"] .tbtn { color: var(--text-secondary) !important; }
[data-theme="light"] .tbtn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; }
[data-theme="light"] .tbtn:disabled { color: var(--border-strong) !important; }
[data-theme="light"] .tbtn .kbd { color: var(--text-faint) !important; background: var(--bg-surface-2) !important; border-color: var(--border) !important; }
[data-theme="light"] .dd-menu { background: var(--bg-surface) !important; border-color: var(--border-strong) !important; box-shadow: var(--shadow-md) !important; }
[data-theme="light"] .dd-item { color: var(--text-secondary) !important; }
[data-theme="light"] .dd-item:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; }
[data-theme="light"] .dd-sep { background: var(--border) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   DOCUMENTS VIEW — Tema override'ları
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] .dm-ws { background: var(--bg-app) !important; }
[data-theme="light"] .dm-toolbar { background: var(--bg-surface) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .dbtn { color: var(--text-secondary) !important; }
[data-theme="light"] .dbtn:hover { background: var(--bg-hover) !important; color: var(--text-primary) !important; }
[data-theme="light"] .dbtn:disabled { color: var(--border-strong) !important; }
[data-theme="light"] .dm-left { background: var(--bg-surface-2) !important; border-right-color: var(--border) !important; }
[data-theme="light"] .dm-panel-hdr { background: var(--bg-surface-2) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .dm-panel-hdr-title { color: var(--text-faint) !important; }
[data-theme="light"] .dm-icon-btn { color: var(--text-faint) !important; }
[data-theme="light"] .dm-icon-btn:hover { background: var(--bg-hover) !important; color: var(--text-secondary) !important; }
[data-theme="light"] .dm-splitter { background: var(--border) !important; }
[data-theme="light"] .dm-splitter:hover, [data-theme="light"] .dm-splitter.dragging { background: var(--accent-bg) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   INTEGRATION VIEW — Tema override'ları
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] .int-ws { background: var(--bg-app) !important; }
[data-theme="light"] .int-kpi-bar { background: var(--bg-surface-2) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .int-kpi-card { border-right-color: var(--border) !important; }
[data-theme="light"] .int-kpi-lbl { color: var(--text-faint) !important; }
[data-theme="light"] .int-toolbar { background: var(--bg-surface) !important; border-bottom-color: var(--border) !important; }
[data-theme="light"] .int-tb-btn { background: var(--bg-surface) !important; border-color: var(--border) !important; color: var(--text-muted) !important; }
[data-theme="light"] .int-tb-btn:hover { background: var(--bg-hover) !important; color: var(--text-secondary) !important; border-color: var(--border-strong) !important; }
[data-theme="light"] .int-tb-btn.primary { background: var(--bg-elevated) !important; border-color: var(--accent-bg) !important; color: var(--accent) !important; }
[data-theme="light"] .int-tb-btn.success { background: var(--success-bg) !important; border-color: var(--success-border) !important; color: var(--success) !important; }
[data-theme="light"] .int-tb-btn.danger { background: var(--danger-bg) !important; border-color: var(--danger-border) !important; color: var(--danger) !important; }
[data-theme="light"] .int-sim-status { color: var(--text-faint) !important; }

/* ═══════════════════════════════════════════════════════════════════════════
   BOM STUDIO — Tailwind inline style override'ları
   BOM.cshtml Tailwind kullanıyor, style="#1a1d27" inline'ları kapsanır.
   ═══════════════════════════════════════════════════════════════════════════ */

[data-theme="light"] [style*="background:#1a1d27"],
[data-theme="light"] [style*="background: #1a1d27"] {
    background: var(--bg-surface) !important;
}
[data-theme="light"] [style*="background:#1a1f2e"],
[data-theme="light"] [style*="background: #1a1f2e"] {
    background: var(--bg-elevated) !important;
}
[data-theme="light"] [style*="background:#0f1117"],
[data-theme="light"] [style*="background: #0f1117"] {
    background: var(--bg-surface-2) !important;
}
[data-theme="light"] [style*="background:#13161c"],
[data-theme="light"] [style*="background: #13161c"] {
    background: var(--bg-surface) !important;
}
[data-theme="light"] [style*="background:#0b0e14"],
[data-theme="light"] [style*="background: #0b0e14"] {
    background: var(--bg-app) !important;
}

/* Engineering Index — KPI kartları */
[data-theme="light"] [style*="background:#1a1d27"] .text-white,
[data-theme="light"] [style*="background:#1a1f2e"] .text-white {
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   DATE PICKER — Tema bazlı renk şeması
   ═══════════════════════════════════════════════════════════════════════════ */

input[type="date"] {
    color-scheme: var(--date-color-scheme, dark);
}

input[type="date"]::-webkit-calendar-picker-indicator {
    filter: var(--date-picker-filter, invert(1));
    cursor: pointer;
    opacity: 0.8;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover {
    opacity: 1;
}

/* ═══════════════════════════════════════════════════════════════════════════
   OFFER / OPPORTUNITY SAYFALARI — Light tema override'ları
   Inline style="background:#13161e;" ve hardcoded Tailwind sınıfları için
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sayfa arka planı — inline style yerine kullanılan class */
[data-theme="light"] .opp-page,
[data-theme="light"] .offer-page {
    background: var(--bg-app) !important;
    color: var(--text-primary) !important;
}

/* Kart yüzeyleri — bg-slate-800/50 */
[data-theme="light"] .bg-slate-800\/50 {
    background-color: var(--bg-surface) !important;
}

/* bg-slate-800\/30 — hover yüzeyleri */
[data-theme="light"] .bg-slate-800\/30,
[data-theme="light"] .hover\:bg-slate-800\/30:hover {
    background-color: var(--bg-hover) !important;
}

/* bg-slate-800\/20 — hafif hover */
[data-theme="light"] .bg-slate-800\/20,
[data-theme="light"] .hover\:bg-slate-800\/20:hover {
    background-color: var(--bg-hover) !important;
}

/* bg-slate-900\/50 — input arka planı */
[data-theme="light"] .bg-slate-900\/50 {
    background-color: var(--bg-input) !important;
}

/* bg-slate-900\/30 — detay panel arka planı */
[data-theme="light"] .bg-slate-900\/30 {
    background-color: var(--bg-surface-2) !important;
}

/* bg-slate-800 — buton ve badge arka planı */
[data-theme="light"] .bg-slate-800 {
    background-color: var(--bg-elevated) !important;
}

/* bg-slate-700\/50 — aksiyon butonları */
[data-theme="light"] .bg-slate-700\/50 {
    background-color: var(--bg-elevated) !important;
}

/* hover:bg-slate-700\/20 — tablo satır hover */
[data-theme="light"] .hover\:bg-slate-700\/20:hover {
    background-color: var(--bg-hover) !important;
}

/* hover:bg-slate-700 — dropdown item hover */
[data-theme="light"] .hover\:bg-slate-700:hover {
    background-color: var(--bg-hover) !important;
}

/* hover:bg-slate-700\/60 — buton hover */
[data-theme="light"] .hover\:bg-slate-700\/60:hover {
    background-color: var(--bg-hover) !important;
}

/* Kenarlıklar */
[data-theme="light"] .border-slate-700\/50 {
    border-color: var(--border) !important;
}

[data-theme="light"] .border-slate-700\/30 {
    border-color: var(--border) !important;
}

[data-theme="light"] .border-slate-600\/50 {
    border-color: var(--border-strong) !important;
}

/* divide — tablo satır ayırıcıları */
[data-theme="light"] .divide-slate-700\/30 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .divide-slate-700\/50 > * + * {
    border-color: var(--border) !important;
}

/* Metin renkleri */
[data-theme="light"] .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .text-slate-600 {
    color: var(--text-faintest) !important;
}

/* Placeholder renkleri */
[data-theme="light"] .placeholder-slate-500::placeholder {
    color: var(--text-faintest) !important;
}

/* Input ve select elemanları */
[data-theme="light"] .opp-page input,
[data-theme="light"] .opp-page select,
[data-theme="light"] .opp-page textarea,
[data-theme="light"] .offer-page input,
[data-theme="light"] .offer-page select,
[data-theme="light"] .offer-page textarea {
    color: var(--text-primary) !important;
}

/* Offer Designer — sol panel ve toolbar kartları */
[data-theme="light"] .offer-designer-card {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-designer-card .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-designer-card .text-slate-400,
[data-theme="light"] .offer-designer-card .text-slate-500 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-designer-card .border-slate-800 {
    border-color: var(--border) !important;
}

/* Offer Designer — kalem container */
[data-theme="light"] .offer-items-container {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-items-container .divide-slate-800\/60 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-items-container .border-slate-800 {
    border-color: var(--border) !important;
}

/* Offer Designer — kalem satırı hover */
[data-theme="light"] .offer-item-row:hover {
    background: var(--bg-hover) !important;
}

/* Offer Designer — kalem aksiyon butonları */
[data-theme="light"] .offer-item-action-btn {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-item-action-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Offer Designer — detay satırları */
[data-theme="light"] .offer-detail-panel {
    background: var(--bg-surface-2) !important;
    border-top-color: var(--border) !important;
}

[data-theme="light"] .offer-detail-panel .divide-slate-800\/30 > * + * {
    border-color: var(--border) !important;
}

/* Offer Designer — modal arka planları */
[data-theme="light"] .offer-modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-modal-box .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-modal-box input,
[data-theme="light"] .offer-modal-box select,
[data-theme="light"] .offer-modal-box textarea {
    background: var(--bg-input) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box input::placeholder,
[data-theme="light"] .offer-modal-box textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* Canlı hesaplama paneli */
[data-theme="light"] .offer-calc-panel {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-calc-panel .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-calc-panel .border-slate-700 {
    border-color: var(--border) !important;
}

/* Opportunity — autocomplete dropdown */
[data-theme="light"] .opp-dropdown {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-dropdown > div {
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-dropdown > div:hover {
    background: var(--bg-hover) !important;
}

/* Opportunity — modal arka planları */
[data-theme="light"] .opp-modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-modal-box .border-slate-700\/50 {
    border-color: var(--border) !important;
}

[data-theme="light"] .opp-modal-box .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-modal-box .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .opp-modal-box input,
[data-theme="light"] .opp-modal-box select,
[data-theme="light"] .opp-modal-box textarea {
    background: var(--bg-input) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-modal-box input::placeholder,
[data-theme="light"] .opp-modal-box textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* Offer Index — toast bildirimi */
[data-theme="light"] #toast {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

/* Offer Designer — workflow butonları (slate arka planlı) */
[data-theme="light"] .offer-designer-card .bg-slate-800 {
    background: var(--bg-elevated) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-designer-card .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
}

/* Offer Designer — boş durum */
[data-theme="light"] .offer-items-container .text-slate-700 {
    color: var(--border-strong) !important;
}

[data-theme="light"] .offer-items-container .text-slate-500 {
    color: var(--text-faint) !important;
}

/* Offer Designer — bölüm kartı */
[data-theme="light"] .offer-section-row {
    background: transparent !important;
}

[data-theme="light"] .offer-section-row:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-section-row .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-section-row .text-slate-400 {
    color: var(--text-muted) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   OFFER DESIGNER — Light Tema Overrides
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sayfa arka planı */
[data-theme="light"] #designer-root {
    color: var(--text-primary) !important;
}

/* Sol/Sağ panel kartları */
[data-theme="light"] .offer-designer-card {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-designer-card .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-designer-card .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-designer-card .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .offer-designer-card .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-designer-card .border-slate-800 {
    border-color: var(--border) !important;
}

/* Toolbar */
[data-theme="light"] .offer-designer-card .bg-slate-800 {
    background: var(--bg-elevated) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-designer-card .border-slate-700 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-designer-card .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
}

/* Kalemler paneli (items container) */
[data-theme="light"] #items-container,
[data-theme="light"] #sections-container {
    background: var(--bg-surface) !important;
}

[data-theme="light"] .bg-\[\#13161e\] {
    background: var(--bg-surface) !important;
}

[data-theme="light"] .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .divide-slate-800\/60 > * + * {
    border-color: var(--border) !important;
}

/* Kalem satırı */
[data-theme="light"] .offer-item-row {
    background: transparent !important;
}

[data-theme="light"] .offer-item-row:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-item-row .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-item-row .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-item-row .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-item-row .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .offer-item-row .text-slate-600 {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .offer-item-row .bg-slate-800 {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-item-row .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Detay satırları (expandable) */
[data-theme="light"] .bg-slate-900\/30 {
    background: var(--bg-surface-2) !important;
}

[data-theme="light"] .border-slate-800\/40 {
    border-color: var(--border) !important;
}

[data-theme="light"] .divide-slate-800\/30 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .hover\:bg-slate-800\/20:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .hover\:bg-slate-800\/30:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .text-slate-600 {
    color: var(--text-faint) !important;
}

/* Boş durum */
[data-theme="light"] .text-slate-700 {
    color: var(--border-strong) !important;
}

/* Modal kutuları */
[data-theme="light"] .offer-modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-700 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box input,
[data-theme="light"] .offer-modal-box select,
[data-theme="light"] .offer-modal-box textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box input::placeholder,
[data-theme="light"] .offer-modal-box textarea::placeholder {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .offer-modal-box .bg-slate-800 {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] .offer-modal-box .bg-slate-900 {
    background: var(--bg-surface-2) !important;
}

/* Canlı hesaplama paneli */
[data-theme="light"] #liveCalcPanel {
    background: var(--bg-surface-2) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] #liveCalcPanel .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #liveCalcPanel .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #liveCalcPanel .border-slate-700 {
    border-color: var(--border) !important;
}

/* Bölüm kartı */
[data-theme="light"] .offer-section-row .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-section-row .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-section-row .bg-slate-800 {
    background: var(--bg-elevated) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-section-row .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   OPPORTUNITY PAGES — Light Tema Overrides
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sayfa arka planı */
[data-theme="light"] .opp-page {
    background: var(--bg-app) !important;
}

/* Kart yüzeyleri */
[data-theme="light"] .opp-page .bg-slate-800\/50 {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-page .border-slate-700\/50 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-page .border-slate-700\/30 {
    border-color: var(--border) !important;
}

/* Metin renkleri */
[data-theme="light"] .opp-page .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-page .text-slate-200 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .opp-page .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .opp-page .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .opp-page .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .opp-page .text-slate-600 {
    color: var(--text-faint) !important;
}

/* Tablo */
[data-theme="light"] .opp-page table thead tr {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-page table tbody tr {
    border-color: var(--border) !important;
}

[data-theme="light"] .opp-page .hover\:bg-slate-700\/20:hover {
    background: var(--bg-hover) !important;
}

/* Input / Select / Textarea */
[data-theme="light"] .opp-page input,
[data-theme="light"] .opp-page select,
[data-theme="light"] .opp-page textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-page input::placeholder,
[data-theme="light"] .opp-page textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* Dropdown (autocomplete) */
[data-theme="light"] .opp-page #companyDropdown {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-page #companyDropdown div {
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-page #companyDropdown div:hover {
    background: var(--bg-hover) !important;
}

/* Aksiyon butonları (icon butonlar) */
[data-theme="light"] .opp-page .bg-slate-700\/50 {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .opp-page .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* Görüşme tipi badge */
[data-theme="light"] .opp-page .bg-slate-700\/50 {
    background: var(--bg-elevated) !important;
}

/* Boş durum ikonları */
[data-theme="light"] .opp-page .text-slate-700 {
    color: var(--border-strong) !important;
}

/* Modal kutuları */
[data-theme="light"] .opp-modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-modal-box .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .opp-modal-box .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .opp-modal-box .border-slate-700\/50 {
    border-color: var(--border) !important;
}

[data-theme="light"] .opp-modal-box .bg-slate-900\/50 {
    background: var(--bg-input) !important;
}

[data-theme="light"] .opp-modal-box .border-slate-600\/50 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-modal-box .text-slate-300 {
    color: var(--text-secondary) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CATALOG DETAIL — Light Tema Override'ları
   Detail.cshtml Tailwind dark: prefix kullanıyor.
   [data-theme="light"] ile override edilir.
   Cost section, modal, kartlar, tablo, badge'ler dahil.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Sayfa genel arka planı ── */
[data-theme="light"] #catalog-detail-root {
    background: var(--bg-app) !important;
    color: var(--text-primary) !important;
}

/* ── Üst başlık çubuğu ve tab çubuğu ── */
[data-theme="light"] #catalog-detail-root .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:bg-gray-900 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:bg-gray-950 {
    background: var(--bg-app) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:bg-gray-800 {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:bg-gray-800\/50 {
    background: var(--bg-elevated) !important;
}

/* ── Kenarlıklar ── */
[data-theme="light"] #catalog-detail-root .dark\:border-gray-700 {
    border-color: var(--border) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:border-gray-600 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:border-gray-800 {
    border-color: var(--border) !important;
}

/* ── Metin renkleri ── */
[data-theme="light"] #catalog-detail-root .dark\:text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:text-gray-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:text-gray-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:text-gray-500 {
    color: var(--text-faint) !important;
}

/* ── Hover arka planları ── */
[data-theme="light"] #catalog-detail-root .dark\:hover\:bg-gray-800\/50:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] #catalog-detail-root .dark\:hover\:bg-gray-800:hover {
    background: var(--bg-elevated) !important;
}

/* ── Tab butonları ── */
[data-theme="light"] #catalog-detail-root .detail-tab {
    color: var(--text-muted) !important;
    border-color: transparent !important;
}

[data-theme="light"] #catalog-detail-root .detail-tab:hover {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #catalog-detail-root .detail-tab.active {
    color: var(--accent-bg) !important;
    border-color: var(--accent-bg) !important;
}

/* ── Field label ve input ── */
[data-theme="light"] #catalog-detail-root .field-label {
    color: var(--text-muted) !important;
}

[data-theme="light"] #catalog-detail-root .field-value {
    color: var(--text-primary) !important;
}

[data-theme="light"] #catalog-detail-root .field-input {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

/* ── Cost section — Current Cost kartları ── */
[data-theme="light"] #tab-costs .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #tab-costs .dark\:bg-gray-900 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #tab-costs .dark\:border-emerald-800 {
    border-color: #6ee7b7 !important;
}

[data-theme="light"] #tab-costs .dark\:bg-emerald-900\/30 {
    background: #d1fae5 !important;
}

[data-theme="light"] #tab-costs .dark\:text-emerald-400 {
    color: #059669 !important;
}

/* ── Cost history table — current satır vurgusu ── */
[data-theme="light"] #tab-costs .dark\:bg-emerald-900\/10 {
    background: #ecfdf5 !important;
}

/* ── Cost history table — history badge ── */
[data-theme="light"] #tab-costs .dark\:bg-gray-800 {
    background: var(--bg-elevated) !important;
}

/* ── Cost history table — hover ── */
[data-theme="light"] #tab-costs .dark\:hover\:bg-gray-800\/50:hover {
    background: var(--bg-hover) !important;
}

/* ── Cost section — boş durum ── */
[data-theme="light"] #costs-current-empty,
[data-theme="light"] #costs-history-empty {
    color: var(--text-faint) !important;
}

/* ── Cost Modal ── */
[data-theme="light"] #cost-modal .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #cost-modal .dark\:bg-gray-900 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #cost-modal .dark\:bg-gray-800 {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] #cost-modal .dark\:border-gray-700 {
    border-color: var(--border) !important;
}

[data-theme="light"] #cost-modal .dark\:border-gray-600 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] #cost-modal .dark\:text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] #cost-modal .dark\:text-gray-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #cost-modal .dark\:text-gray-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #cost-modal .dark\:text-gray-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] #cost-modal input:not([type="checkbox"]),
[data-theme="light"] #cost-modal select,
[data-theme="light"] #cost-modal textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] #cost-modal input::placeholder,
[data-theme="light"] #cost-modal textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* ── Cost Modal — amber uyarı kutusu ── */
[data-theme="light"] #cost-modal .dark\:bg-amber-900\/20 {
    background: #fffbeb !important;
}

[data-theme="light"] #cost-modal .dark\:border-amber-800 {
    border-color: #fcd34d !important;
}

[data-theme="light"] #cost-modal .dark\:text-amber-400 {
    color: #d97706 !important;
}

/* ── Cost Modal — hover butonları ── */
[data-theme="light"] #cost-modal .dark\:hover\:bg-gray-800:hover {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] #cost-modal .dark\:hover\:text-gray-200:hover {
    color: var(--text-primary) !important;
}

/* ── Cost Modal — edit/delete buton hover renkleri ── */
[data-theme="light"] #catalog-detail-root .dark\:hover\:text-blue-400:hover {
    color: #2563eb !important;
}

[data-theme="light"] #catalog-detail-root .dark\:hover\:text-red-400:hover {
    color: #dc2626 !important;
}

/* ── Prop picker modal ── */
[data-theme="light"] #prop-picker-modal .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:bg-gray-900 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:border-gray-700 {
    border-color: var(--border) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:text-gray-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:border-gray-600 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:hover\:bg-gray-800:hover {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] #prop-picker-modal .dark\:hover\:text-gray-200:hover {
    color: var(--text-primary) !important;
}

/* ── Historical revision panel ── */
[data-theme="light"] #historical-rev-panel .dark\:bg-gray-900 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #historical-rev-panel .dark\:border-amber-700 {
    border-color: #fcd34d !important;
}

[data-theme="light"] #historical-rev-panel .dark\:bg-amber-900\/20 {
    background: #fffbeb !important;
}

[data-theme="light"] #historical-rev-panel .dark\:border-amber-800 {
    border-color: #fcd34d !important;
}

[data-theme="light"] #historical-rev-panel .dark\:text-amber-300 {
    color: #d97706 !important;
}

[data-theme="light"] #historical-rev-panel .dark\:text-amber-400 {
    color: #d97706 !important;
}

[data-theme="light"] #historical-rev-panel .dark\:hover\:text-amber-300:hover {
    color: #b45309 !important;
}

[data-theme="light"] #historical-rev-panel .dark\:border-gray-700 {
    border-color: var(--border) !important;
}

[data-theme="light"] #historical-rev-panel .dark\:text-gray-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #historical-rev-panel .dark\:text-gray-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #historical-rev-panel .dark\:border-gray-800 {
    border-color: var(--border) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   REQUEST DETAIL V2 — .req-page Light Tema Override'ları
   Detail.cshtml CSS variable kullanır; bu blok ek güvence sağlar.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Sayfa kökü */
[data-theme="light"] .req-page {
    background: var(--bg-app) !important;
    color: var(--text-primary) !important;
}

/* Header kartı */
[data-theme="light"] .req-header {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

/* Genel kart yüzeyleri */
[data-theme="light"] .req-card {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .req-card-header {
    background: var(--bg-surface-2) !important;
    border-bottom-color: var(--border) !important;
    color: var(--text-muted) !important;
}

/* Tab bar */
[data-theme="light"] .req-tabbar {
    background: var(--bg-surface) !important;
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .req-tab {
    color: var(--text-muted) !important;
    border-bottom-color: transparent !important;
}

[data-theme="light"] .req-tab:hover {
    color: var(--text-primary) !important;
    background: var(--bg-hover) !important;
}

[data-theme="light"] .req-tab.active {
    color: var(--accent) !important;
    border-bottom-color: var(--accent-bg) !important;
    background: transparent !important;
}

/* Info satırları */
[data-theme="light"] .req-info-label {
    color: var(--text-muted) !important;
}

[data-theme="light"] .req-info-value {
    color: var(--text-primary) !important;
}

[data-theme="light"] .req-info-row {
    border-bottom-color: var(--border) !important;
}

/* Select / Input */
[data-theme="light"] .req-select,
[data-theme="light"] .req-input,
[data-theme="light"] .req-textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .req-select:focus,
[data-theme="light"] .req-input:focus,
[data-theme="light"] .req-textarea:focus {
    border-color: var(--accent-bg) !important;
}

[data-theme="light"] .req-textarea::placeholder,
[data-theme="light"] .req-input::placeholder {
    color: var(--text-faintest) !important;
}

/* Timeline */
[data-theme="light"] .req-timeline-item {
    border-bottom-color: var(--border) !important;
}

[data-theme="light"] .req-timeline-icon {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .req-timeline-title {
    color: var(--text-primary) !important;
}

[data-theme="light"] .req-timeline-meta {
    color: var(--text-muted) !important;
}

[data-theme="light"] .req-timeline-note {
    background: var(--bg-surface-2) !important;
    border-left-color: var(--accent-bg) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .req-timeline-change {
    color: var(--text-muted) !important;
}

/* Not kartları */
[data-theme="light"] .req-note-card {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .req-note-author {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .req-note-date {
    color: var(--text-muted) !important;
}

[data-theme="light"] .req-note-content {
    color: var(--text-primary) !important;
}

/* Dosya satırları */
[data-theme="light"] .req-file-card {
    background: var(--bg-surface-2) !important;
    border-color: var(--border) !important;
}

[data-theme="light"] .req-file-card:hover {
    border-color: var(--border-strong) !important;
    background: var(--bg-hover) !important;
}

[data-theme="light"] .req-file-icon {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] .req-file-name {
    color: var(--text-primary) !important;
}

[data-theme="light"] .req-file-meta {
    color: var(--text-muted) !important;
}

/* Upload zone */
[data-theme="light"] .req-upload-zone {
    border-color: var(--border-strong) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .req-upload-zone:hover,
[data-theme="light"] .req-upload-zone.drag-over {
    border-color: var(--accent-bg) !important;
    background: var(--bg-hover) !important;
}

/* Company suggestions dropdown */
[data-theme="light"] .req-suggestions {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
    box-shadow: var(--shadow-md) !important;
}

[data-theme="light"] .req-suggestion-item {
    color: var(--text-primary) !important;
}

[data-theme="light"] .req-suggestion-item:hover {
    background: var(--bg-hover) !important;
}

/* Conversion banner */
[data-theme="light"] .req-conv-banner.opportunity {
    background: var(--success-bg) !important;
    border-color: var(--success-border) !important;
    color: var(--success) !important;
}

[data-theme="light"] .req-conv-banner.service {
    background: var(--info-bg) !important;
    border-color: var(--info-border) !important;
    color: var(--info) !important;
}

/* Status badges — light tema için daha koyu tonlar */
[data-theme="light"] .req-badge-new       { background: #eef2ff; color: #4338ca; border-color: #c7d2fe; }
[data-theme="light"] .req-badge-review    { background: #fefce8; color: #a16207; border-color: #fef08a; }
[data-theme="light"] .req-badge-waiting   { background: #f8fafc; color: #475569; border-color: #e2e8f0; }
[data-theme="light"] .req-badge-closed    { background: #dcfce7; color: #15803d; border-color: #bbf7d0; }
[data-theme="light"] .req-badge-converted { background: #f5f3ff; color: #6d28d9; border-color: #ddd6fe; }

[data-theme="light"] .req-badge-low      { background: #f8fafc; color: #475569; border-color: #e2e8f0; }
[data-theme="light"] .req-badge-normal   { background: #eff6ff; color: #1d4ed8; border-color: #bfdbfe; }
[data-theme="light"] .req-badge-high     { background: #fefce8; color: #a16207; border-color: #fef08a; }
[data-theme="light"] .req-badge-urgent   { background: #fef2f2; color: #b91c1c; border-color: #fecaca; }

/* İşleme alındı indicator */
[data-theme="light"] .req-processed-yes {
    color: var(--success) !important;
}

[data-theme="light"] .req-processed-no {
    color: var(--text-muted) !important;
}

/* Section divider */
[data-theme="light"] .req-section-title {
    color: var(--text-muted) !important;
    border-bottom-color: var(--border) !important;
}

/* Action buttons */
[data-theme="light"] .req-action-btn {
    background: var(--bg-elevated) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .req-action-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   TEMA GEÇİŞ ANİMASYONU — Yumuşak geçiş
   ═══════════════════════════════════════════════════════════════════════════ */

*,
*::before,
*::after {
    transition-property: background-color, border-color, color, box-shadow;
    transition-duration: 0.18s;
    transition-timing-function: ease;
}

/* Animasyonlu elementlerde geçiş çakışmasını önle */
.animate-pulse,
.transition-all,
[class*="transition-"] {
    transition-property: background-color, border-color, color, box-shadow, transform, opacity !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   OFFER / OPPORTUNITY — KAPSAMLI LIGHT TEMA FIX
   bg-[#13161e], bg-slate-800, bg-slate-900 gibi hardcoded renkleri override eder.
   Tüm iç yüzeyler (kartlar, tablolar, modaller, toolbar, input, dropdown) dahil.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Sayfa kökleri ── */
[data-theme="light"] .offer-page,
[data-theme="light"] .opp-page {
    background: var(--bg-app) !important;
    color: var(--text-primary) !important;
}

/* ── Hardcoded hex arka planlar (Designer kartları) ── */
[data-theme="light"] .offer-page .bg-\[\#13161e\],
[data-theme="light"] #designer-root .bg-\[\#13161e\] {
    background: var(--bg-surface) !important;
}

/* ── Tüm slate-800 varyantları ── */
[data-theme="light"] .offer-page .bg-slate-800,
[data-theme="light"] .opp-page .bg-slate-800,
[data-theme="light"] #designer-root .bg-slate-800 {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] .offer-page .bg-slate-800\/50,
[data-theme="light"] .opp-page .bg-slate-800\/50,
[data-theme="light"] #designer-root .bg-slate-800\/50 {
    background: var(--bg-surface) !important;
}

[data-theme="light"] .offer-page .bg-slate-800\/30,
[data-theme="light"] .opp-page .bg-slate-800\/30,
[data-theme="light"] #designer-root .bg-slate-800\/30 {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-page .bg-slate-800\/20,
[data-theme="light"] .opp-page .bg-slate-800\/20,
[data-theme="light"] #designer-root .bg-slate-800\/20 {
    background: var(--bg-hover) !important;
}

/* ── Tüm slate-900 varyantları ── */
[data-theme="light"] .offer-page .bg-slate-900,
[data-theme="light"] .opp-page .bg-slate-900,
[data-theme="light"] #designer-root .bg-slate-900 {
    background: var(--bg-surface-2) !important;
}

[data-theme="light"] .offer-page .bg-slate-900\/50,
[data-theme="light"] .opp-page .bg-slate-900\/50,
[data-theme="light"] #designer-root .bg-slate-900\/50 {
    background: var(--bg-input) !important;
}

[data-theme="light"] .offer-page .bg-slate-900\/30,
[data-theme="light"] .opp-page .bg-slate-900\/30,
[data-theme="light"] #designer-root .bg-slate-900\/30 {
    background: var(--bg-surface-2) !important;
}

/* ── slate-700 varyantları ── */
[data-theme="light"] .offer-page .bg-slate-700\/50,
[data-theme="light"] .opp-page .bg-slate-700\/50,
[data-theme="light"] #designer-root .bg-slate-700\/50 {
    background: var(--bg-elevated) !important;
}

/* ── Hover arka planları ── */
[data-theme="light"] .offer-page .hover\:bg-slate-700\/20:hover,
[data-theme="light"] .opp-page .hover\:bg-slate-700\/20:hover,
[data-theme="light"] #designer-root .hover\:bg-slate-700\/20:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-page .hover\:bg-slate-700:hover,
[data-theme="light"] .opp-page .hover\:bg-slate-700:hover,
[data-theme="light"] #designer-root .hover\:bg-slate-700:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-page .hover\:bg-slate-800\/30:hover,
[data-theme="light"] .opp-page .hover\:bg-slate-800\/30:hover,
[data-theme="light"] #designer-root .hover\:bg-slate-800\/30:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] .offer-page .hover\:bg-slate-800\/20:hover,
[data-theme="light"] .opp-page .hover\:bg-slate-800\/20:hover,
[data-theme="light"] #designer-root .hover\:bg-slate-800\/20:hover {
    background: var(--bg-hover) !important;
}

/* ── Kenarlıklar ── */
[data-theme="light"] .offer-page .border-slate-800,
[data-theme="light"] .opp-page .border-slate-800,
[data-theme="light"] #designer-root .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .border-slate-800\/40,
[data-theme="light"] .opp-page .border-slate-800\/40,
[data-theme="light"] #designer-root .border-slate-800\/40 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .border-slate-700\/50,
[data-theme="light"] .opp-page .border-slate-700\/50,
[data-theme="light"] #designer-root .border-slate-700\/50 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-page .border-slate-700\/30,
[data-theme="light"] .opp-page .border-slate-700\/30,
[data-theme="light"] #designer-root .border-slate-700\/30 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .border-slate-700,
[data-theme="light"] .opp-page .border-slate-700,
[data-theme="light"] #designer-root .border-slate-700 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-page .border-slate-600\/50,
[data-theme="light"] .opp-page .border-slate-600\/50,
[data-theme="light"] #designer-root .border-slate-600\/50 {
    border-color: var(--border-strong) !important;
}

/* ── Divider (tablo satır ayırıcıları) ── */
[data-theme="light"] .offer-page .divide-slate-800\/60 > * + *,
[data-theme="light"] .opp-page .divide-slate-800\/60 > * + *,
[data-theme="light"] #designer-root .divide-slate-800\/60 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .divide-slate-800\/30 > * + *,
[data-theme="light"] .opp-page .divide-slate-800\/30 > * + *,
[data-theme="light"] #designer-root .divide-slate-800\/30 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .divide-slate-700\/30 > * + *,
[data-theme="light"] .opp-page .divide-slate-700\/30 > * + *,
[data-theme="light"] #designer-root .divide-slate-700\/30 > * + * {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-page .divide-slate-700\/50 > * + *,
[data-theme="light"] .opp-page .divide-slate-700\/50 > * + *,
[data-theme="light"] #designer-root .divide-slate-700\/50 > * + * {
    border-color: var(--border) !important;
}

/* ── Metin renkleri ── */
[data-theme="light"] .offer-page .text-white,
[data-theme="light"] .opp-page .text-white,
[data-theme="light"] #designer-root .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-page .text-slate-200,
[data-theme="light"] .opp-page .text-slate-200,
[data-theme="light"] #designer-root .text-slate-200 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-page .text-slate-300,
[data-theme="light"] .opp-page .text-slate-300,
[data-theme="light"] #designer-root .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-page .text-slate-400,
[data-theme="light"] .opp-page .text-slate-400,
[data-theme="light"] #designer-root .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-page .text-slate-500,
[data-theme="light"] .opp-page .text-slate-500,
[data-theme="light"] #designer-root .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .offer-page .text-slate-600,
[data-theme="light"] .opp-page .text-slate-600,
[data-theme="light"] #designer-root .text-slate-600 {
    color: var(--text-faintest) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   CATALOG DETAIL — Tab bar ve sayfa override'ları
   Detail.cshtml Tailwind dark: prefix kullanıyor; light modda override gerekir.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Tab bar arka planı */
[data-theme="light"] .detail-tab-bar {
    background: var(--bg-surface) !important;
    border-bottom-color: var(--border) !important;
}

/* Tab buton — varsayılan durum */
[data-theme="light"] .detail-tab {
    color: var(--text-muted) !important;
    background: transparent !important;
    border-bottom-color: transparent !important;
}

/* Tab buton — hover */
[data-theme="light"] .detail-tab:hover {
    color: var(--text-primary) !important;
    background: var(--bg-hover) !important;
}

/* Tab buton — aktif */
[data-theme="light"] .detail-tab.active {
    color: var(--accent) !important;
    border-bottom-color: var(--accent-bg) !important;
    background: transparent !important;
}

/* Üst başlık çubuğu */
[data-theme="light"] #catalog-detail-root .bg-white {
    background: var(--bg-surface) !important;
}

[data-theme="light"] #catalog-detail-root .border-gray-200 {
    border-color: var(--border) !important;
}

/* İçerik arka planı */
[data-theme="light"] #catalog-detail-root .bg-gray-50 {
    background: var(--bg-app) !important;
}

/* Kart yüzeyleri */
[data-theme="light"] #catalog-detail-root .rounded-xl.border {
    background: var(--bg-surface) !important;
    border-color: var(--border) !important;
}

/* Metin renkleri */
[data-theme="light"] #catalog-detail-root .text-gray-900 {
    color: var(--text-primary) !important;
}

[data-theme="light"] #catalog-detail-root .text-gray-700 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #catalog-detail-root .text-gray-500 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #catalog-detail-root .text-gray-400 {
    color: var(--text-faint) !important;
}

/* Tablo başlıkları */
[data-theme="light"] #catalog-detail-root th {
    color: var(--text-faint) !important;
    border-bottom-color: var(--border) !important;
}

/* Tablo satır hover */
[data-theme="light"] #catalog-detail-root tr:hover td {
    background: var(--bg-hover) !important;
}

/* Tablo satır ayırıcıları */
[data-theme="light"] #catalog-detail-root .border-gray-100 {
    border-color: var(--border) !important;
}

/* Düzenle / Kaydet / İptal butonları */
[data-theme="light"] #catalog-detail-root #btn-edit-toggle {
    border-color: var(--border-strong) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] #catalog-detail-root #btn-edit-toggle:hover {
    background: var(--bg-hover) !important;
}

[data-theme="light"] #catalog-detail-root #btn-cancel {
    border-color: var(--border-strong) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] #catalog-detail-root #btn-cancel:hover {
    background: var(--bg-hover) !important;
}

/* Field input'lar */
[data-theme="light"] #catalog-detail-root .field-input {
    background: var(--bg-input) !important;
    border-color: var(--border) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] #catalog-detail-root .field-input:focus {
    border-color: var(--accent-bg) !important;
}

/* Field label */
[data-theme="light"] #catalog-detail-root .field-label {
    color: var(--text-muted) !important;
}

/* Field value */
[data-theme="light"] #catalog-detail-root .field-value {
    color: var(--text-primary) !important;
}

/* Hover satırları */
[data-theme="light"] #catalog-detail-root .hover\:bg-gray-50:hover {
    background: var(--bg-hover) !important;
}

/* Scrollbar — tab bar */
[data-theme="light"] .detail-tab-bar::-webkit-scrollbar-thumb {
    background: var(--border-strong) !important;
}

[data-theme="light"] .offer-page .text-slate-700,
[data-theme="light"] .opp-page .text-slate-700,
[data-theme="light"] #designer-root .text-slate-700 {
    color: var(--border-strong) !important;
}

/* ── Placeholder ── */
[data-theme="light"] .offer-page .placeholder-slate-500::placeholder,
[data-theme="light"] .opp-page .placeholder-slate-500::placeholder,
[data-theme="light"] #designer-root .placeholder-slate-500::placeholder {
    color: var(--text-faintest) !important;
}

/* ── Input / Select / Textarea ── */
[data-theme="light"] .offer-page input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] .offer-page select,
[data-theme="light"] .offer-page textarea,
[data-theme="light"] .opp-page input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] .opp-page select,
[data-theme="light"] .opp-page textarea,
[data-theme="light"] #designer-root input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] #designer-root select,
[data-theme="light"] #designer-root textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-page input::placeholder,
[data-theme="light"] .offer-page textarea::placeholder,
[data-theme="light"] .opp-page input::placeholder,
[data-theme="light"] .opp-page textarea::placeholder,
[data-theme="light"] #designer-root input::placeholder,
[data-theme="light"] #designer-root textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* ── Modal kutuları ── */
[data-theme="light"] .offer-modal-box,
[data-theme="light"] .opp-modal-box {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box .bg-\[\#13161e\],
[data-theme="light"] .opp-modal-box .bg-\[\#13161e\] {
    background: var(--bg-surface) !important;
}

[data-theme="light"] .offer-modal-box .bg-slate-800,
[data-theme="light"] .opp-modal-box .bg-slate-800 {
    background: var(--bg-elevated) !important;
}

[data-theme="light"] .offer-modal-box .bg-slate-900,
[data-theme="light"] .opp-modal-box .bg-slate-900 {
    background: var(--bg-surface-2) !important;
}

[data-theme="light"] .offer-modal-box .bg-slate-900\/50,
[data-theme="light"] .opp-modal-box .bg-slate-900\/50 {
    background: var(--bg-input) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-800,
[data-theme="light"] .opp-modal-box .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-700,
[data-theme="light"] .opp-modal-box .border-slate-700 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-700\/50,
[data-theme="light"] .opp-modal-box .border-slate-700\/50 {
    border-color: var(--border) !important;
}

[data-theme="light"] .offer-modal-box .border-slate-600\/50,
[data-theme="light"] .opp-modal-box .border-slate-600\/50 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-modal-box .text-white,
[data-theme="light"] .opp-modal-box .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box .text-slate-400,
[data-theme="light"] .opp-modal-box .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-modal-box .text-slate-300,
[data-theme="light"] .opp-modal-box .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-modal-box input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] .offer-modal-box select,
[data-theme="light"] .offer-modal-box textarea,
[data-theme="light"] .opp-modal-box input:not([type="checkbox"]):not([type="radio"]),
[data-theme="light"] .opp-modal-box select,
[data-theme="light"] .opp-modal-box textarea {
    background: var(--bg-input) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-modal-box input::placeholder,
[data-theme="light"] .offer-modal-box textarea::placeholder,
[data-theme="light"] .opp-modal-box input::placeholder,
[data-theme="light"] .opp-modal-box textarea::placeholder {
    color: var(--text-faintest) !important;
}

/* ── Kalem kartı (offer-item-card) ── */
[data-theme="light"] .offer-item-card {
    background: transparent !important;
}

[data-theme="light"] .offer-item-card .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-item-card .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-item-card .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-item-card .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] .offer-item-card .text-slate-600 {
    color: var(--text-faintest) !important;
}

[data-theme="light"] .offer-item-card .bg-slate-800 {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-item-card .border-slate-700 {
    border-color: var(--border-strong) !important;
}

/* ── Canlı hesaplama paneli ── */
[data-theme="light"] #liveCalcPanel {
    background: var(--bg-surface-2) !important;
    border-color: var(--border-strong) !important;
}

[data-theme="light"] #liveCalcPanel .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] #liveCalcPanel .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #liveCalcPanel .border-slate-700 {
    border-color: var(--border) !important;
}

/* ── Toast bildirimi ── */
[data-theme="light"] #toast {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
    color: var(--text-primary) !important;
}

/* ── Offer Index — istatistik kartları ── */
[data-theme="light"] .offer-page .bg-slate-700\/50 {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

/* ── Opportunity — boş durum ikonları ── */
[data-theme="light"] .opp-page .text-slate-700 {
    color: var(--border-strong) !important;
}

/* ── Tablo thead ── */
[data-theme="light"] .opp-page thead tr,
[data-theme="light"] .offer-page thead tr {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .opp-page thead th,
[data-theme="light"] .offer-page thead th {
    color: var(--text-faint) !important;
}

/* ── Offer Index — liste satırları ── */
[data-theme="light"] .offer-page .divide-y > div {
    border-color: var(--border) !important;
}

/* ── Offer Designer — başlık satırı ── */
[data-theme="light"] #designer-root h2.text-white,
[data-theme="light"] #designer-root h1.text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] #designer-root p.text-slate-400 {
    color: var(--text-muted) !important;
}

/* ── Offer Designer — kalem container başlık ── */
[data-theme="light"] #designer-root .font-semibold.text-white {
    color: var(--text-primary) !important;
}

/* ── Offer Designer — boş durum ── */
[data-theme="light"] #items-container .text-slate-700 {
    color: var(--border-strong) !important;
}

[data-theme="light"] #items-container .text-slate-500 {
    color: var(--text-faint) !important;
}

/* ── Offer Designer — workflow butonları (slate arka planlı) ── */
[data-theme="light"] .offer-designer-card .bg-slate-800 {
    background: var(--bg-elevated) !important;
    border-color: var(--border) !important;
    color: var(--text-secondary) !important;
}

[data-theme="light"] .offer-designer-card .border-slate-700 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .offer-designer-card .text-slate-300 {
    color: var(--text-secondary) !important;
}

/* ── Offer Designer — w-px divider ── */
[data-theme="light"] .offer-designer-card .bg-slate-700 {
    background: var(--border-strong) !important;
}

/* ── Opportunity Detail — firma kartı ── */
[data-theme="light"] .opp-page .bg-slate-700\/50 {
    background: var(--bg-elevated) !important;
}

/* ── Opportunity Detail — görüşme badge ── */
[data-theme="light"] .opp-page .bg-slate-700\/50.px-1\.5 {
    background: var(--bg-elevated) !important;
    color: var(--text-muted) !important;
}

/* ── Offer Index — filtre formu ── */
[data-theme="light"] .offer-page form.bg-slate-800\/50 {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

/* ── Opportunity — filtre formu ── */
[data-theme="light"] .opp-page form.bg-slate-800\/50 {
    background: var(--bg-surface) !important;
    border-color: var(--border-strong) !important;
}

/* ── Offer Designer — bölüm kartı ── */
[data-theme="light"] .offer-section-row .text-white {
    color: var(--text-primary) !important;
}

[data-theme="light"] .offer-section-row .text-slate-400 {
    color: var(--text-muted) !important;
}

[data-theme="light"] .offer-section-row .bg-slate-800 {
    background: var(--bg-elevated) !important;
    color: var(--text-secondary) !important;
}

/* ── Offer Designer — detay satırları ── */
[data-theme="light"] #designer-root .text-slate-300 {
    color: var(--text-secondary) !important;
}

[data-theme="light"] #designer-root .text-slate-500 {
    color: var(--text-faint) !important;
}

[data-theme="light"] #designer-root .text-slate-600 {
    color: var(--text-faintest) !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PROJECT PAGES — Detail + Projects (pj-page)
   Proje detayı ve proje listesi sayfaları için ortak tema bileşenleri + light override.
   Global Tailwind override'larının kapsamadığı dark-only sınıflar burada kapatılır.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Ortak aksiyon butonları (her iki temada çalışır) ── */
.pj-btn {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    padding: .5rem .9rem;
    border-radius: .5rem;
    font-size: .875rem;
    font-weight: 500;
    line-height: 1.25rem;
    border: 1px solid transparent;
    cursor: pointer;
    white-space: nowrap;
    text-decoration: none;
    transition: background-color .15s, border-color .15s, color .15s, opacity .15s;
}
.pj-btn-primary {
    background: #1a73e8;
    color: #fff;
    border-color: transparent;
}
.pj-btn-primary:hover {
    background: #1661c4;
    color: #fff;
}
.pj-btn-secondary {
    background: var(--bg-elevated);
    color: var(--text-primary);
    border-color: var(--border-strong);
}
.pj-btn-secondary:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}
.pj-btn-danger {
    background: var(--danger-bg);
    color: var(--danger);
    border-color: var(--danger-border);
}
.pj-btn-danger:hover {
    background: rgba(248,113,113,0.18);
    color: var(--danger);
}
.pj-btn-ghost {
    background: transparent;
    color: var(--text-muted);
    border-color: var(--border);
}
.pj-btn-ghost:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

/* ── Sayfa başlığı hiyerarşisi ── */
.pj-page-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--text-primary);
    line-height: 1.25;
    letter-spacing: -.01em;
    overflow-wrap: anywhere;
}
.pj-page-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: .25rem;
    font-size: .8125rem;
    color: var(--text-muted);
}
.pj-page-meta .meta-sep {
    color: var(--text-faintest);
}

/* ── LIGHT TEMA OVERRIDE (scope: .pj-page) ──
   Global listede olmayan dark-only yüzeyler semantic variable'a eşlenir. ── */
[data-theme="light"] .pj-page .bg-slate-800 {
    background-color: var(--bg-input) !important;
}
[data-theme="light"] .pj-page .bg-slate-800\/30,
[data-theme="light"] .pj-page .bg-slate-800\/40,
[data-theme="light"] .pj-page .bg-slate-800\/50,
[data-theme="light"] .pj-page .bg-slate-800\/60 {
    background-color: var(--bg-elevated) !important;
}
[data-theme="light"] .pj-page .bg-slate-900\/40,
[data-theme="light"] .pj-page .bg-slate-900\/50,
[data-theme="light"] .pj-page .bg-slate-900\/60 {
    background-color: var(--bg-surface-2) !important;
}
[data-theme="light"] .pj-page .bg-slate-700\/50,
[data-theme="light"] .pj-page .bg-slate-700\/60 {
    background-color: var(--bg-elevated) !important;
}
[data-theme="light"] .pj-page .bg-slate-700 {
    background-color: var(--bg-selected) !important;
}

[data-theme="light"] .pj-page .hover\:bg-slate-800\/50:hover,
[data-theme="light"] .pj-page .hover\:bg-slate-800\/30:hover {
    background-color: var(--bg-hover) !important;
}
[data-theme="light"] .pj-page .hover\:bg-slate-700:hover,
[data-theme="light"] .pj-page .hover\:bg-slate-700\/60:hover {
    background-color: var(--bg-hover) !important;
}

[data-theme="light"] .pj-page .border-slate-800 {
    border-color: var(--border) !important;
}
[data-theme="light"] .pj-page .border-slate-800\/80 {
    border-color: var(--border) !important;
}
[data-theme="light"] .pj-page .border-slate-600 {
    border-color: var(--border-strong) !important;
}
[data-theme="light"] .pj-page .border-slate-500\/20,
[data-theme="light"] .pj-page .border-slate-500\/30 {
    border-color: var(--border-strong) !important;
}

[data-theme="light"] .pj-page .hover\:text-white:hover {
    color: var(--text-primary) !important;
}
[data-theme="light"] .pj-page .placeholder-slate-500::placeholder {
    color: var(--text-faintest) !important;
}
[data-theme="light"] .pj-page .focus\:border-slate-500:focus {
    border-color: var(--border-strong) !important;
}

/* Light temada -400 metin tonları (dark için tasarlanmış) → koyu semantic ton */
[data-theme="light"] .pj-page .text-green-400,
[data-theme="light"] .pj-page .text-emerald-400 {
    color: var(--success) !important;
}
[data-theme="light"] .pj-page .text-blue-400 {
    color: var(--info) !important;
}
[data-theme="light"] .pj-page .text-red-400,
[data-theme="light"] .pj-page .text-red-400\/70,
[data-theme="light"] .pj-page .text-rose-400 {
    color: var(--danger) !important;
}
[data-theme="light"] .pj-page .text-yellow-400,
[data-theme="light"] .pj-page .text-orange-400 {
    color: var(--warning) !important;
}
[data-theme="light"] .pj-page .text-purple-400 {
    color: #7c3aed !important;
}

/* Light temada Detail.cshtml hardcoded dark-only kart yüzeyleri */
[data-theme="light"] .pj-page .bg-\[\#13161e\] {
    background-color: var(--bg-surface) !important;
}

/* Light temada dark-only kenarlıklar */
[data-theme="light"] .pj-page .border-slate-700 {
    border-color: var(--border) !important;
}
[data-theme="light"] .pj-page .border-slate-500 {
    border-color: var(--border-strong) !important;
}
[data-theme="light"] .pj-page .border-slate-800\/60 {
    border-color: var(--border) !important;
}

/* Light temada dark-only metin tonları */
[data-theme="light"] .pj-page .text-white {
    color: var(--text-primary) !important;
}
[data-theme="light"] .pj-page .text-slate-200 {
    color: var(--text-primary) !important;
}
[data-theme="light"] .pj-page .text-slate-300 {
    color: var(--text-secondary) !important;
}
[data-theme="light"] .pj-page .text-slate-400 {
    color: var(--text-muted) !important;
}
[data-theme="light"] .pj-page .text-slate-500 {
    color: var(--text-muted) !important;
}
[data-theme="light"] .pj-page .text-slate-600 {
    color: var(--text-faint) !important;
}

/* Light temada eksik hover yüzeyleri */
[data-theme="light"] .pj-page .hover\:bg-slate-800\/60:hover,
[data-theme="light"] .pj-page .hover\:bg-slate-800\/40:hover,
[data-theme="light"] .pj-page .hover\:bg-slate-600:hover {
    background-color: var(--bg-hover) !important;
}

/* Renkli (blue/green) butonlarda metin/ikon beyaz kalmalı */
[data-theme="light"] .pj-page .bg-\[\#1a73e8\].text-white,
[data-theme="light"] .pj-page .bg-\[\#1a73e8\] .text-white,
[data-theme="light"] .pj-page .bg-green-600.text-white,
[data-theme="light"] .pj-page .bg-green-600 .text-white,
[data-theme="light"] .pj-page .bg-green-500.text-white,
[data-theme="light"] .pj-page .bg-green-500 .text-white,
[data-theme="light"] .pj-page .bg-blue-600.text-white,
[data-theme="light"] .pj-page .bg-blue-600 .text-white {
    color: #fff !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PROJECT CREATE — Light tema override'ları
   Create.cshtml'deki hardcoded dark Tailwind sınıfları için
   ═══════════════════════════════════════════════════════════════════════════ */

/* Input / select / textarea — tam opacity bg-slate-900 */
[data-theme="light"] .bg-slate-900 {
    background-color: var(--bg-input) !important;
}

/* Kart başlık şeridi */
[data-theme="light"] .bg-slate-900\/40 {
    background-color: var(--bg-surface-2) !important;
}

/* Scope item kartları */
[data-theme="light"] .bg-slate-900\/60 {
    background-color: var(--bg-elevated) !important;
}

/* Proje kodu badge / secondary yüzeyler */
[data-theme="light"] .bg-slate-800\/80,
[data-theme="light"] .bg-slate-800\/90 {
    background-color: var(--bg-elevated) !important;
}

/* Durum badge (Planlanıyor) + hover secondary butonlar */
[data-theme="light"] .bg-slate-700,
[data-theme="light"] .hover\:bg-slate-700:hover {
    background-color: var(--bg-elevated) !important;
}

/* Tam opacity kart kenarlığı + bölücüler */
[data-theme="light"] .border-slate-800 {
    border-color: var(--border) !important;
}

[data-theme="light"] .divide-slate-800\/50 > * + * {
    border-color: var(--border) !important;
}

/* Checkbox kenarlığı */
[data-theme="light"] .border-slate-600 {
    border-color: var(--border-strong) !important;
}

/* Readonly auto-fill input kenarlığı */
[data-theme="light"] .border-slate-700\/50 {
    border-color: var(--border) !important;
}

/* Hover / group-hover metin */
[data-theme="light"] .hover\:text-white:hover,
[data-theme="light"] .group:hover .group-hover\:text-white {
    color: var(--text-primary) !important;
}

/* Placeholder */
[data-theme="light"] .placeholder-slate-500::placeholder {
    color: var(--text-faintest) !important;
}

/* Date picker — [color-scheme:dark] utility'sini ezer */
[data-theme="light"] input[type="date"] {
    color-scheme: light !important;
}

/* ═══════════════════════════════════════════════════════════════════════════
   PROJECT CREATE — Light tema override'ları (sayfa scope'lu: .pj-create)
   Create.cshtml kök wrapper'ına eklenen .pj-create sınıfı altında çalışır.
   Yukarıdaki global override'lar arka plan/kenarlık renklerini karşılar;
   bu bölüm metin renkleri, kart yüzeyleri, dropdown, badge ve disabled
   durumlarını açık temaya uygun hale getirir.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Kart yüzeyleri — hardcoded #13161e (kartlar + kapsam modalı) */
[data-theme="light"] .pj-create .bg-\[\#13161e\] {
    background-color: var(--bg-surface) !important;
}

/* Autocomplete dropdown arka planı */
[data-theme="light"] .pj-create .bg-\[\#1a1d27\] {
    background-color: var(--bg-surface) !important;
}

/* Tam opacity bg-slate-800 (empty state ikonları, iptal butonu, checkbox) */
[data-theme="light"] .pj-create .bg-slate-800 {
    background-color: var(--bg-elevated) !important;
}

/* Readonly firma detay alanları — yarı saydam slate */
[data-theme="light"] .pj-create .bg-slate-800\/50 {
    background-color: var(--bg-surface-2) !important;
}

/* Yeni kapsam formu arka planı */
[data-theme="light"] .pj-create .bg-slate-900\/30 {
    background-color: var(--bg-surface-2) !important;
}

/* Input/select border — border-slate-700 global override'ta yok */
[data-theme="light"] .pj-create .border-slate-700 {
    border-color: var(--border) !important;
}

/* ── Metin hiyerarşisi ── */
[data-theme="light"] .pj-create .text-white {
    color: var(--text-primary) !important;
}
[data-theme="light"] .pj-create .text-slate-200 {
    color: var(--text-primary) !important;
}
[data-theme="light"] .pj-create .text-slate-300 {
    color: var(--text-secondary) !important;
}
[data-theme="light"] .pj-create .text-slate-400 {
    color: var(--text-muted) !important;
}
[data-theme="light"] .pj-create .text-slate-500 {
    color: var(--text-muted) !important;
}
[data-theme="light"] .pj-create .text-slate-600 {
    color: var(--text-faint) !important;
}

/* Renkli arka planlı butonlarda metin beyaz kalır */
[data-theme="light"] .pj-create .bg-blue-600.text-white,
[data-theme="light"] .pj-create .bg-blue-600 .text-white,
[data-theme="light"] .pj-create .bg-blue-500.text-white,
[data-theme="light"] .pj-create .bg-emerald-600.text-white,
[data-theme="light"] .pj-create .bg-emerald-600 .text-white,
[data-theme="light"] .pj-create .bg-emerald-500.text-white {
    color: #fff !important;
}

/* Scope edit butonu hover arka planı */
[data-theme="light"] .pj-create .hover\:bg-slate-800\/60:hover {
    background-color: var(--bg-hover) !important;
}

/* Devre dışı select'ler — okunabilir, hafif zemin */
[data-theme="light"] .pj-create select[disabled] {
    opacity: 1 !important;
    background-color: var(--bg-surface-2) !important;
    color: var(--text-muted) !important;
    border-color: var(--border) !important;
    cursor: not-allowed !important;
}

/* Readonly firma detay alanları — hafif zemin, okunabilir */
[data-theme="light"] .pj-create input[readonly],
[data-theme="light"] .pj-create textarea[readonly] {
    background-color: var(--bg-surface-2) !important;
    color: var(--text-muted) !important;
    border-color: var(--border) !important;
}


/* ═══════════════════════════════════════════════════════════════════════════
   EMPLOYEE MOVEMENTS — Light tema override'ları (sayfa scope'lu: .em-page)
   Index.cshtml kök wrapper'ına (container + modal) eklenen .em-page sınıfı
   altında çalışır. Hardcoded hex'ler semantic token'a çevrilir.
   ═══════════════════════════════════════════════════════════════════════════ */

/* Kart / konteyner yüzeyi — hardcoded #1c1f26 */
[data-theme="light"] .em-page .bg-\[\#1c1f26\] {
    background-color: var(--bg-surface) !important;
}

/* Input / satır yüzeyi — hardcoded #13161b */
[data-theme="light"] .em-page .bg-\[\#13161b\] {
    background-color: var(--bg-input) !important;
}

/* Satır hover */
[data-theme="light"] .em-page .hover\:bg-\[\#13161b\]:hover {
    background-color: var(--bg-hover) !important;
}

/* İptal butonu hover — dark slate kalıntısı */
[data-theme="light"] .em-page .hover\:bg-slate-600:hover {
    background-color: var(--bg-hover) !important;
}

/* ── Durum badge metinleri (light'ta koyu ton) ── */
[data-theme="light"] .em-page .text-blue-400    { color: var(--info) !important; }
[data-theme="light"] .em-page .text-green-400   { color: var(--success) !important; }
[data-theme="light"] .em-page .text-emerald-400 { color: var(--success) !important; }
[data-theme="light"] .em-page .text-red-400     { color: var(--danger) !important; }
[data-theme="light"] .em-page .text-gray-400    { color: var(--text-muted) !important; }

/* ── Durum badge arka planları ── */
[data-theme="light"] .em-page .bg-blue-900\/30    { background-color: var(--info-bg) !important; }
[data-theme="light"] .em-page .bg-green-900\/30   { background-color: var(--success-bg) !important; }
[data-theme="light"] .em-page .bg-emerald-900\/30 { background-color: var(--success-bg) !important; }
[data-theme="light"] .em-page .bg-red-900\/30     { background-color: var(--danger-bg) !important; }
[data-theme="light"] .em-page .bg-gray-900\/30    { background-color: var(--bg-elevated) !important; }

/* ── Durum badge kenarlıkları ── */
[data-theme="light"] .em-page .border-blue-800    { border-color: var(--info-border) !important; }
[data-theme="light"] .em-page .border-green-800   { border-color: var(--success-border) !important; }
[data-theme="light"] .em-page .border-emerald-800 { border-color: var(--success-border) !important; }
[data-theme="light"] .em-page .border-red-800     { border-color: var(--danger-border) !important; }
[data-theme="light"] .em-page .border-gray-800    { border-color: var(--border-strong) !important; }