/* ===================================================================== LojiTrack — AÇIK TEMA (tema-acik.css) --------------------------------------------------------------------- Bu dosya yalnızca iken etkin olur. style.css'e dokunmaz; önce :root değişkenlerini yeniden tanımlar, ardından style.css'te sabit (hex/rgba) renk kullanan her seçici için açık zemine uygun karşılık verir. Gradyan zeminli düğme/ikonlarda beyaz metin korunur. Kontrast hedefi: metin/zemin ≥ 4.5:1. ===================================================================== */ /* ------------------------- DEĞİŞKENLER ------------------------- */ html[data-tema="acik"]{ --donut-iz:#e2e8f0; --bg:#f5f7fb; --bg2:#eef2f8; --panel:#ffffff; --panel2:#f8fafc; --panel3:#eef2f8; --line:#e2e8f0; --line2:#cbd5e1; --txt:#0f172a; --muted:#64748b; --muted2:#7c8ba1; --acc:#2563eb; --acc2:#0e7490; --ok:#15803d; --warn:#b45309; --bad:#b91c1c; --purple:#6d28d9; --pink:#be185d; --lime:#4d7c0f; --g1:linear-gradient(135deg,#2563eb,#0891b2); --g2:linear-gradient(135deg,#7c3aed,#db2777); --g3:linear-gradient(135deg,#16a34a,#65a30d); --g4:linear-gradient(135deg,#d97706,#dc2626); --sh:0 4px 18px rgba(15,23,42,.06); --glow:0 0 0 1px rgba(37,99,235,.25), 0 0 20px rgba(37,99,235,.12); color-scheme:light; } /* ------------------------- GENEL / GÖVDE ------------------------- */ html[data-tema="acik"] body{ background: radial-gradient(1100px 620px at 12% -8%, rgba(37,99,235,.08), transparent 60%), radial-gradient(900px 520px at 88% 4%, rgba(124,58,237,.06), transparent 60%), radial-gradient(800px 500px at 50% 105%, rgba(8,145,178,.05), transparent 60%), var(--bg); color:var(--txt); } html[data-tema="acik"] body, html[data-tema="acik"] #sidebar, html[data-tema="acik"] #topbar, html[data-tema="acik"] .card, html[data-tema="acik"] .kpi, html[data-tema="acik"] input, html[data-tema="acik"] select, html[data-tema="acik"] textarea{transition:background-color .25s,color .25s,border-color .25s} html[data-tema="acik"] a{color:#1d4ed8} html[data-tema="acik"] ::selection{background:rgba(37,99,235,.22)} html[data-tema="acik"] ::-webkit-scrollbar-thumb{background:#cbd5e1;background-clip:content-box} html[data-tema="acik"] ::-webkit-scrollbar-thumb:hover{background:#94a3b8;background-clip:content-box} html[data-tema="acik"] code,html[data-tema="acik"] kbd{background:#eef2f8;color:#1e3a8a;border-radius:5px;padding:1px 5px} /* ------------------------- SIDEBAR ------------------------- */ html[data-tema="acik"] #sidebar{ background:linear-gradient(180deg,#ffffff,#f8fafc); border-right:1px solid var(--line);box-shadow:2px 0 14px rgba(15,23,42,.04) } html[data-tema="acik"] .brand-logo{color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.28)} html[data-tema="acik"] .brand-logo::after{opacity:.18} html[data-tema="acik"] .marka-ikon{filter:drop-shadow(0 6px 16px rgba(37,99,235,.28))} html[data-tema="acik"] .marka-yatay{filter:drop-shadow(0 6px 18px rgba(37,99,235,.18))} html[data-tema="acik"] .brand:hover{background:rgba(37,99,235,.06)} html[data-tema="acik"] .brand-sub{color:var(--muted)} html[data-tema="acik"] .nav-group{color:#64748b} html[data-tema="acik"] .nav-group:hover,html[data-tema="acik"] .nav-group:focus-visible{background:#eef2f8;color:#334155} html[data-tema="acik"] .nav-group .nav-sayi{color:#475569;background:#e2e8f0} html[data-tema="acik"] .nav-item{color:#334155} html[data-tema="acik"] .nav-item:hover{background:#eef2f8;color:#0f172a} html[data-tema="acik"] .nav-item.active{background:linear-gradient(90deg,#e0ecff,rgba(224,236,255,.35));color:#1e3a8a;font-weight:600} html[data-tema="acik"] .nav-item .ic{background:#e9eef6} html[data-tema="acik"] .nav-item:hover .ic,html[data-tema="acik"] .nav-item.active .ic{background:var(--g1);box-shadow:0 3px 10px rgba(37,99,235,.3)} html[data-tema="acik"] .nav-item .badge{background:#e2e8f0;color:#334155} html[data-tema="acik"] .nav-item.active .badge{background:rgba(30,58,138,.12);color:#1e3a8a} html[data-tema="acik"] .nav-item.ai-item{color:#5b21b6} html[data-tema="acik"] .side-foot{border-top:1px solid var(--line);color:var(--muted)} html[data-tema="acik"] #clock{color:#1e293b} html[data-tema="acik"] .yan-gelistirici a{color:#475569} html[data-tema="acik"] .yan-gelistirici a:hover{color:#1d4ed8} @media(max-width:880px){ html[data-tema="acik"] #sidebar.open{box-shadow:20px 0 60px rgba(15,23,42,.18)} } /* ------------------------- TOPBAR ------------------------- */ html[data-tema="acik"] #topbar{ background:rgba(255,255,255,.82);backdrop-filter:blur(16px); border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(15,23,42,.04) } html[data-tema="acik"] #pageTitle{background:linear-gradient(90deg,#0f172a,#1e3a8a);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} html[data-tema="acik"] .icon-btn{background:var(--panel);border:1px solid var(--line);color:var(--txt)} /* ------------------------- FORM ------------------------- */ html[data-tema="acik"] input,html[data-tema="acik"] select,html[data-tema="acik"] textarea{ background:#ffffff;border:1px solid var(--line2);color:var(--txt) } html[data-tema="acik"] input::placeholder,html[data-tema="acik"] textarea::placeholder{color:#94a3b8} html[data-tema="acik"] input:hover,html[data-tema="acik"] select:hover,html[data-tema="acik"] textarea:hover{border-color:#94a3b8} html[data-tema="acik"] input:focus,html[data-tema="acik"] select:focus,html[data-tema="acik"] textarea:focus{ border-color:var(--acc);box-shadow:0 0 0 3px rgba(37,99,235,.14);background:#ffffff } html[data-tema="acik"] label{color:#475569} html[data-tema="acik"] option{background:#ffffff;color:var(--txt)} html[data-tema="acik"] input.oto{background:#eff6ff;border-color:#93c5fd;color:#1e40af} /* Düğmeler — gradyan zeminlilerde beyaz metin kalır */ html[data-tema="acik"] .btn{color:#fff} html[data-tema="acik"] .btn:hover{box-shadow:0 6px 16px rgba(37,99,235,.25)} html[data-tema="acik"] .btn.ai:hover{box-shadow:0 6px 16px rgba(124,58,237,.25)} html[data-tema="acik"] .btn.ghost{background:#ffffff;border-color:var(--line2);color:var(--txt)} html[data-tema="acik"] .btn.ghost:hover{background:#eef2f8;border-color:var(--acc);color:#1e3a8a} /* ------------------------- KARTLAR ------------------------- */ html[data-tema="acik"] .card{ background:#ffffff;border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06) } html[data-tema="acik"] .card::before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.35),transparent)} html[data-tema="acik"] .ico{color:#fff;box-shadow:0 3px 8px rgba(37,99,235,.22)} html[data-tema="acik"] .ico.p{box-shadow:0 3px 8px rgba(124,58,237,.22)} html[data-tema="acik"] .ico.g{box-shadow:0 3px 8px rgba(22,163,74,.22)} html[data-tema="acik"] .ico.o{box-shadow:0 3px 8px rgba(217,119,6,.22)} /* ------------------------- KPI ------------------------- */ html[data-tema="acik"] .kpi{ background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06) } html[data-tema="acik"] .kpi:hover{border-color:#cbd5e1;box-shadow:0 12px 28px rgba(15,23,42,.10)} html[data-tema="acik"] .kpi::after{mix-blend-mode:multiply} html[data-tema="acik"] .kpi:hover::after{opacity:.04} html[data-tema="acik"] .kpi .ic{background:#f1f5f9;border:1px solid var(--line)} html[data-tema="acik"] .kpi.b .ic{background:#dbeafe} html[data-tema="acik"] .kpi.g .ic{background:#dcfce7} html[data-tema="acik"] .kpi.o .ic{background:#fef3c7} html[data-tema="acik"] .kpi.r .ic{background:#fee2e2} html[data-tema="acik"] .kpi.p .ic{background:#ede9fe} html[data-tema="acik"] .kpi.c .ic{background:#cffafe} html[data-tema="acik"] .kpi.r .strip{background:linear-gradient(180deg,#dc2626,#db2777)} html[data-tema="acik"] .kpi.c .strip{background:linear-gradient(180deg,#0891b2,#2563eb)} html[data-tema="acik"] .spark{opacity:.45} /* ------------------------- TABLO ------------------------- */ html[data-tema="acik"] .tbl-wrap{background:#ffffff;border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06)} html[data-tema="acik"] th{ background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid var(--line2);color:#475569 } html[data-tema="acik"] th:hover{color:#0f172a;background:#e9eef6} html[data-tema="acik"] td{border-bottom:1px solid #eef2f6} html[data-tema="acik"] tbody tr:hover{background:linear-gradient(90deg,rgba(37,99,235,.07),rgba(37,99,235,.015))} html[data-tema="acik"] tfoot td{background:#f1f5f9;border-top:1px solid var(--line2);color:var(--txt)} html[data-tema="acik"] .empty{color:var(--muted)} /* JS'te satır zemini #1b2740 verilen NET SONUÇ satırı — inline stil kaldırılana kadar hafiflet */ html[data-tema="acik"] tr[style*="background:#1b2740"]{background:#eef2f8!important} /* ------------------------- CHIP / ROZET ------------------------- */ html[data-tema="acik"] .c-gray{background:#f1f5f9;color:#334155;border-color:#cbd5e1} html[data-tema="acik"] .c-blue{background:#dbeafe;color:#1d4ed8;border-color:#93c5fd} html[data-tema="acik"] .c-green{background:#dcfce7;color:#15803d;border-color:#86efac} html[data-tema="acik"] .c-red{background:#fee2e2;color:#b91c1c;border-color:#fca5a5} html[data-tema="acik"] .c-orange{background:#fef3c7;color:#b45309;border-color:#fcd34d} html[data-tema="acik"] .c-purple{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd} html[data-tema="acik"] .c-cyan{background:#cffafe;color:#0e7490;border-color:#67e8f9} html[data-tema="acik"] .ai-badge{background:#ede9fe;color:#6d28d9;border-color:#c4b5fd} /* JS'te inline verilen "Yerel motor aktif" rozeti */ html[data-tema="acik"] .ai-badge[style*="rgba(148,163,184"]{background:#f1f5f9!important;color:#334155!important;border-color:#cbd5e1!important} /* ------------------------- MODAL ------------------------- */ html[data-tema="acik"] .modal-bg{background:rgba(15,23,42,.45);backdrop-filter:blur(5px)} html[data-tema="acik"] .modal{ background:#ffffff;border:1px solid var(--line2);box-shadow:0 24px 70px rgba(15,23,42,.22) } html[data-tema="acik"] .modal header{border-bottom:1px solid var(--line)} html[data-tema="acik"] .modal footer{border-top:1px solid var(--line);background:#f8fafc} /* ------------------------- TOAST ------------------------- */ html[data-tema="acik"] .toast{ background:#ffffff;border:1px solid var(--line2);border-left:3px solid var(--acc); box-shadow:0 12px 30px rgba(15,23,42,.16);color:var(--txt) } html[data-tema="acik"] .toast.ok{border-left-color:#16a34a} html[data-tema="acik"] .toast.bad{border-left-color:#dc2626} html[data-tema="acik"] .toast.ai{border-left-color:#7c3aed} /* ------------------------- HARİTA ------------------------- */ html[data-tema="acik"] #mapBox{ background:radial-gradient(700px 400px at 50% 40%,#eaf0f8,#dfe6ef); border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06) } html[data-tema="acik"] .leaflet-container{background:#e5ecf4!important} html[data-tema="acik"] .leaflet-layer.karo-koyu{filter:none} html[data-tema="acik"] .leaflet-popup-content-wrapper,html[data-tema="acik"] .leaflet-popup-tip{ background:#ffffff!important;color:var(--txt)!important;border:1px solid #cbd5e1!important; box-shadow:0 14px 40px rgba(15,23,42,.18)!important } html[data-tema="acik"] .leaflet-popup-close-button{color:#64748b!important} html[data-tema="acik"] .leaflet-popup-close-button:hover{color:#0f172a!important} html[data-tema="acik"] .leaflet-tooltip{background:#ffffff;border:1px solid var(--line2);color:var(--txt);box-shadow:0 6px 16px rgba(15,23,42,.14)} html[data-tema="acik"] .leaflet-tooltip-top:before{border-top-color:var(--line2)} html[data-tema="acik"] .leaflet-bar a{background:#ffffff!important;color:#1e293b!important;border-color:#e2e8f0!important} html[data-tema="acik"] .leaflet-bar a:hover{background:var(--acc)!important;color:#fff!important} html[data-tema="acik"] .leaflet-control-attribution{background:rgba(255,255,255,.85)!important;color:#475569!important} html[data-tema="acik"] .leaflet-control-attribution a{color:#1d4ed8!important} html[data-tema="acik"] .veh:hover{filter:brightness(1.1)} /* harita balonu */ html[data-tema="acik"] .pop{color:var(--txt)} html[data-tema="acik"] .pop-ust{background:linear-gradient(135deg,#dbeafe,#ecfeff)} html[data-tema="acik"] .pop-av{border:1px solid #cbd5e1;background:#f1f5f9} html[data-tema="acik"] .pop-yok{background:linear-gradient(150deg,#e2e8f0,#f1f5f9)} html[data-tema="acik"] .pop-bas b{color:#0f172a} html[data-tema="acik"] .pop-bas span{color:#475569} html[data-tema="acik"] .pop-sofor{border-bottom:1px solid var(--line)} html[data-tema="acik"] .pop-sofor img,html[data-tema="acik"] .pop-ini{border:1px solid #cbd5e1} html[data-tema="acik"] .pop-ini{background:#fef3c7;color:#b45309} html[data-tema="acik"] .pop-sofor b{color:#0f172a} html[data-tema="acik"] .pop-sofor span{color:#64748b} html[data-tema="acik"] .pop-gps{color:#b45309;background:#fffbeb} html[data-tema="acik"] .pop-gps.canli{color:#15803d;background:#f0fdf4} html[data-tema="acik"] .pop-gps .pop-yer{color:#1d4ed8} html[data-tema="acik"] .pop-rota b{color:#1e293b} html[data-tema="acik"] .pop-rota i{background:linear-gradient(90deg,#2563eb,#0891b2)} html[data-tema="acik"] .pop-bar{background:#e2e8f0} html[data-tema="acik"] .pop-bar>span{background:linear-gradient(90deg,#2563eb,#0891b2)} html[data-tema="acik"] .pop-ilerle{color:#64748b} html[data-tema="acik"] .pop-kpi>div{background:#f8fafc;border:1px solid #e2e8f0} html[data-tema="acik"] .pop-kpi s{color:#64748b} html[data-tema="acik"] .pop-kpi b{color:#0f172a} html[data-tema="acik"] .pop-kpi em{color:#64748b} html[data-tema="acik"] .pop-alt button{background:#f1f5f9;border:1px solid #cbd5e1;color:#1e293b} html[data-tema="acik"] .pop-alt button:hover{background:var(--acc);border-color:var(--acc);color:#fff} /* Leaflet divIcon işaretçileri (map.js inline: border #0b1120, etiket rgba(7,11,18,.9)) */ html[data-tema="acik"] .leaflet-marker-icon div[style*="border:2px solid #0b1120"]{border-color:#ffffff!important;box-shadow:0 3px 10px rgba(15,23,42,.3)!important} html[data-tema="acik"] .leaflet-marker-icon div[style*="rgba(7,11,18,.9)"]{background:rgba(255,255,255,.95)!important;color:#0f172a!important} /* harita HUD */ html[data-tema="acik"] .map-hud{ background:rgba(255,255,255,.94);border:1px solid var(--line2);box-shadow:0 8px 22px rgba(15,23,42,.14);color:var(--txt) } html[data-tema="acik"] .map-hud b{color:#0f172a} html[data-tema="acik"] .hud-tema button{border:1px solid var(--line2);color:#475569} html[data-tema="acik"] .hud-tema button:hover{color:#0f172a;border-color:#94a3b8;background:#f1f5f9} html[data-tema="acik"] .hud-tema button.on{background:var(--acc);border-color:var(--acc);color:#fff} html[data-tema="acik"] .hud-lnk{border:1px solid var(--line2);color:#475569} html[data-tema="acik"] .hud-lnk:hover{color:#0f172a;border-color:#94a3b8;background:#f1f5f9} html[data-tema="acik"] .hud-lnk.on{color:#15803d;border-color:#86efac;background:#dcfce7} html[data-tema="acik"] .kutu-tik{border:1px solid var(--line2);color:#475569} html[data-tema="acik"] .kutu-tik:hover{background:var(--acc);color:#fff;border-color:var(--acc)} html[data-tema="acik"] .map-hud.kapali .kutu-tik{color:var(--txt)} html[data-tema="acik"] .trk{background:linear-gradient(135deg,#ffffff,#f8fafc);border:1px solid #e3e8f0} html[data-tema="acik"] .trk:hover{border-color:var(--acc);box-shadow:-4px 0 14px rgba(37,99,235,.14)} html[data-tema="acik"] .trk .t2{color:var(--muted)} html[data-tema="acik"] .gauge{background:#e2e8f0} /* map.js inline: sefer satırı color:#7fb2ff */ html[data-tema="acik"] .trk .t2[style*="#7fb2ff"]{color:#1d4ed8!important} /* ------------------------- BAR / GRAFİK ------------------------- */ html[data-tema="acik"] .bar{background:#e9eef6} html[data-tema="acik"] .bar>span::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);background-size:460px 100%} html[data-tema="acik"] .cb .in{background:linear-gradient(180deg,#0891b2,#2563eb)} html[data-tema="acik"] .cb .out{background:linear-gradient(180deg,#f43f5e,#b91c1c)} html[data-tema="acik"] .cb .pair>i:hover{filter:brightness(1.1)} html[data-tema="acik"] .legend-inline{color:#475569} html[data-tema="acik"] .donut .mid s{color:var(--muted)} /* ui.js donut arka halkası (stroke="#182236") */ html[data-tema="acik"] .donut svg circle[stroke="#182236"]{stroke:#e2e8f0} html[data-tema="acik"] .dleg{color:var(--txt)} /* ------------------------- YAPAY ZEKA ------------------------- */ html[data-tema="acik"] .ai-hero{ background:linear-gradient(135deg,#f3e8ff,#e0ecff,#ecfeff);border:1px solid #d8c7fb } html[data-tema="acik"] .ai-hero::after{opacity:.10} html[data-tema="acik"] .ai-orb{color:#fff;box-shadow:0 0 22px rgba(124,58,237,.35)} html[data-tema="acik"] .ai-card{background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0} html[data-tema="acik"] .ai-card:hover{border-color:#a78bfa;box-shadow:0 10px 26px rgba(124,58,237,.12)} html[data-tema="acik"] .ai-out{background:#ffffff;border:1px solid #e3e8f0;color:var(--txt)} html[data-tema="acik"] .ai-out h1,html[data-tema="acik"] .ai-out h2,html[data-tema="acik"] .ai-out h3{color:#1e293b} html[data-tema="acik"] .ai-out strong{color:#0f172a} html[data-tema="acik"] .ai-out code{background:#eef2f8;color:#1e3a8a} html[data-tema="acik"] .typing span{background:#7c3aed} html[data-tema="acik"] .msg.u{color:#fff} html[data-tema="acik"] .msg.a{background:#f1f5f9;border:1px solid var(--line);color:var(--txt)} html[data-tema="acik"] .insight{background:#f8fafc;border-left:3px solid var(--acc);color:var(--txt)} html[data-tema="acik"] .insight.kritik{border-left-color:#dc2626;background:#fef2f2} html[data-tema="acik"] .insight.uyari{border-left-color:#d97706;background:#fffbeb} html[data-tema="acik"] .insight.firsat{border-left-color:#16a34a;background:#f0fdf4} html[data-tema="acik"] .insight.tik:hover{background:#e0ecff} html[data-tema="acik"] .insight.tik:hover .muted{color:#1e293b} html[data-tema="acik"] .insight b{color:#0f172a} /* ------------------------- DETAY / FORM SAYFASI ------------------------- */ html[data-tema="acik"] .page-head{border-bottom:1px solid var(--line)} html[data-tema="acik"] .page-head .back{background:#ffffff;border:1px solid var(--line2);color:var(--txt)} html[data-tema="acik"] .page-head .back:hover{background:var(--acc);border-color:var(--acc);color:#fff} html[data-tema="acik"] .crumb{color:#7c8ba1} html[data-tema="acik"] .dfield{background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0} html[data-tema="acik"] .dfield:hover{border-color:#cbd5e1} html[data-tema="acik"] .dfield.hl{border-color:#93c5fd;background:linear-gradient(155deg,#e0ecff,#f8fafc)} html[data-tema="acik"] .sec-title{color:#475569} html[data-tema="acik"] .sec-title::after{background:linear-gradient(90deg,var(--line2),transparent)} html[data-tema="acik"] .form-page{background:#ffffff;border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06)} html[data-tema="acik"] .form-bar{background:rgba(248,250,252,.94);border-top:1px solid var(--line)} /* ------------------------- ROL SEÇİCİ / KULLANICI ------------------------- */ html[data-tema="acik"] .role-pick{background:#ffffff;border:1px solid var(--line2)} html[data-tema="acik"] .role-pick button{color:#475569} html[data-tema="acik"] .role-pick button:hover{color:#0f172a;background:#eef2f8} html[data-tema="acik"] .role-pick button.on{color:#fff;box-shadow:0 3px 10px rgba(37,99,235,.25)} html[data-tema="acik"] .role-pick button.on[data-r="Muhasebe"]{box-shadow:0 3px 10px rgba(22,163,74,.25)} html[data-tema="acik"] .role-pick button.on[data-r="Şoför"]{box-shadow:0 3px 10px rgba(217,119,6,.25)} html[data-tema="acik"] .who{background:#ffffff;border:1px solid var(--line2)} html[data-tema="acik"] .who .av{color:#fff;border:2px solid #e2e8f0} /* app.js inline: .av color:#03210f / #031424 — gradyan üstünde koyu metin; beyaz yap */ html[data-tema="acik"] .who .av[style*="color:#03210f"],html[data-tema="acik"] .who .av[style*="color:#031424"]{color:#fff!important} /* ------------------------- ŞOFÖR PANELİ ------------------------- */ html[data-tema="acik"] .drv-hero{background:linear-gradient(135deg,#fef3c7,#fee2e2);border:1px solid #fcd34d} html[data-tema="acik"] .drv-hero .av{color:#fff;box-shadow:0 6px 18px rgba(217,119,6,.3);border:3px solid #fde68a} html[data-tema="acik"] .big-btn{background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0;color:var(--txt)} html[data-tema="acik"] .big-btn:hover{border-color:var(--acc);box-shadow:0 10px 24px rgba(37,99,235,.14)} html[data-tema="acik"] .big-btn .e{color:#fff;box-shadow:0 5px 14px rgba(37,99,235,.25)} html[data-tema="acik"] .big-btn.o .e{box-shadow:0 5px 14px rgba(217,119,6,.25)} html[data-tema="acik"] .big-btn.g .e{box-shadow:0 5px 14px rgba(22,163,74,.25)} html[data-tema="acik"] .big-btn.p .e{box-shadow:0 5px 14px rgba(124,58,237,.25)} html[data-tema="acik"] .gps-box{background:linear-gradient(135deg,#dcfce7,#ecfeff);border:1px solid #86efac} html[data-tema="acik"] .gps-box .rad{background:#bbf7d0} html[data-tema="acik"] .gps-box.on .rad::after{border-color:#16a34a} html[data-tema="acik"] .gps-box .co{color:#166534} html[data-tema="acik"] .doc-card{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .doc-card.exp{border-color:#fca5a5;background:#fef2f2} html[data-tema="acik"] .doc-card.soon{border-color:#fcd34d;background:#fffbeb} html[data-tema="acik"] .irs-card{background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0} html[data-tema="acik"] .irs-card:hover{border-color:var(--acc)} html[data-tema="acik"] .irs-line{border-bottom:1px dashed #e2e8f0} html[data-tema="acik"] .route-vis .ln{background:linear-gradient(90deg,#2563eb,#0891b2)} html[data-tema="acik"] .route-vis .ln::after{color:#0891b2} html[data-tema="acik"] .mini-t td{border-bottom:1px dashed #e2e8f0} /* ------------------------- ŞOFÖR SEÇİCİ ------------------------- */ html[data-tema="acik"] .sofor-secici{background:#ffffff;border:1px solid #e3e8f0} html[data-tema="acik"] .sofor-secici .ss-bas:hover{color:#1d4ed8} html[data-tema="acik"] .sofor-secici .ss-liste{border-top:1px solid var(--line)} html[data-tema="acik"] .ss-kart{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .ss-kart:hover{border-color:var(--acc)} html[data-tema="acik"] .ss-kart.on{border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fffbeb);box-shadow:0 0 0 1px #fcd34d} html[data-tema="acik"] .ss-bilgi .ss-mt{color:#1d4ed8} /* ------------------------- MUHASEBE ------------------------- */ html[data-tema="acik"] .acc-hero{background:linear-gradient(135deg,#dcfce7,#ecfeff);border:1px solid #86efac} html[data-tema="acik"] .age-bar{border:1px solid var(--line2)} html[data-tema="acik"] .age-bar>i:hover{filter:brightness(1.08)} html[data-tema="acik"] .vade{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .vade.gec{border-color:#fca5a5;background:#fef2f2} /* ------------------------- AVATAR ------------------------- */ html[data-tema="acik"] .ava{border:1px solid var(--line2);background:#e2e8f0} html[data-tema="acik"] .ava.ini{color:#1e293b} html[data-tema="acik"] tbody tr:hover .ava{border-color:var(--acc)} html[data-tema="acik"] .head-av .ava{box-shadow:0 6px 18px rgba(15,23,42,.14)} /* ------------------------- EK / GALERİ ------------------------- */ html[data-tema="acik"] .ek-drop{border:2px dashed var(--line2);background:#f8fafc} html[data-tema="acik"] .ek-drop:hover{border-color:var(--acc);background:#eff6ff} html[data-tema="acik"] .ek-drop.over{border-color:#16a34a;background:#f0fdf4} html[data-tema="acik"] .gal-it{background:linear-gradient(155deg,#ffffff,#f8fafc);border:1px solid #e3e8f0} html[data-tema="acik"] .gal-it:hover{border-color:var(--acc);box-shadow:0 10px 22px rgba(15,23,42,.12)} html[data-tema="acik"] .gal-it img{background:#f1f5f9} html[data-tema="acik"] .gal-pdf{background:linear-gradient(155deg,#fee2e2,#fce7f3)} html[data-tema="acik"] .gal-sil{background:rgba(220,38,38,.9);color:#fff} html[data-tema="acik"] .gal-sil:hover{background:#dc2626} html[data-tema="acik"] .gal-pdf.pdf-on::after{background:#dc2626;color:#fff;box-shadow:0 2px 6px rgba(15,23,42,.25)} html[data-tema="acik"] .pdf-yedek{background:linear-gradient(155deg,#fee2e2,#ede9fe)} html[data-tema="acik"] .pdf-yedek span{color:#6d28d9} /* ------------------------- ARAÇ PROFİLİ ------------------------- */ html[data-tema="acik"] .arac-profil{background:#ffffff;border:1px solid #e3e8f0;box-shadow:0 4px 18px rgba(15,23,42,.06)} html[data-tema="acik"] .ap-foto img{border:1px solid var(--line2)} html[data-tema="acik"] .ap-yok{border:2px dashed var(--line2);color:var(--muted);background:#f8fafc} html[data-tema="acik"] .ap-kpi>div{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .ap-alt{border-top:1px solid var(--line)} /* crud.js inline: gelir/gider renkleri (#5fe391/#ff8f8f) */ html[data-tema="acik"] .ap-kpi b[style*="#5fe391"],html[data-tema="acik"] .ap-alt b[style*="#5fe391"]{color:#15803d!important} html[data-tema="acik"] .ap-kpi b[style*="#ff8f8f"],html[data-tema="acik"] .ap-alt b[style*="#ff8f8f"], html[data-tema="acik"] .ap-kpi span[style*="#ff8f8f"],html[data-tema="acik"] .ap-alt span[style*="#ff8f8f"]{color:#b91c1c!important} /* ------------------------- ZAMAN ÇİZGİSİ ------------------------- */ html[data-tema="acik"] .zaman-cizgi::before{background:linear-gradient(180deg,var(--acc),transparent)} html[data-tema="acik"] .zc-nokta{border:2px solid #ffffff;box-shadow:0 0 0 3px rgba(37,99,235,.18)} html[data-tema="acik"] .zc-nokta.sofor{background:#d97706;box-shadow:0 0 0 3px rgba(217,119,6,.18)} html[data-tema="acik"] .zc-nokta.bakim{background:#7c3aed;box-shadow:0 0 0 3px rgba(124,58,237,.18)} html[data-tema="acik"] .zc-govde{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .depo-bar{background:#e2e8f0} /* ------------------------- YER ADI / ROTA ------------------------- */ html[data-tema="acik"] .yer{color:#1d4ed8} html[data-tema="acik"] .gps-box .yer{color:#15803d} html[data-tema="acik"] .trk .yer{color:#1d4ed8} html[data-tema="acik"] .rota-ozet>div{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .tarif-it{background:#f8fafc;border:1px solid var(--line)} html[data-tema="acik"] .tarif-it .tn{color:#fff} html[data-tema="acik"] .tarif-it b{color:#1e293b} /* ------------------------- GİRİŞ EKRANI ------------------------- */ html[data-tema="acik"] .demo-giris{border:1px dashed #93c5fd;background:#eff6ff} html[data-tema="acik"] .dg-bas{color:#1e40af} html[data-tema="acik"] .dg-kart{border:1px solid var(--line2);background:#ffffff;color:var(--txt)} html[data-tema="acik"] .dg-kart:hover{border-color:var(--acc);background:#e0ecff} html[data-tema="acik"] .dg-ok{color:var(--acc)} html[data-tema="acik"] .tanit-don{color:#475569} html[data-tema="acik"] .tanit-don:hover{color:#1d4ed8;border-color:var(--line2);background:#eff6ff} html[data-tema="acik"] .kur-dugme{color:#1e40af;background:#dbeafe;border:1px solid #93c5fd} html[data-tema="acik"] .kur-dugme:hover{background:#bfdbfe;color:#1e3a8a} html[data-tema="acik"] .ios-kur .ios-ic{background:#dbeafe;color:#1e40af} /* ------------------------- FATURA KALEMLERİ ------------------------- */ html[data-tema="acik"] .kalem-kaydir{border:1px solid var(--line);background:#ffffff} html[data-tema="acik"] .kalem-tbl th{color:#475569;background:#f1f5f9;border-bottom:1px solid var(--line)} html[data-tema="acik"] .kalem-tbl td{border-bottom:1px solid #eef2f6} html[data-tema="acik"] .kalem-tbl td.ka-tut{color:#0f172a} html[data-tema="acik"] .kalem-tbl.gor tbody tr:nth-child(even){background:#f8fafc} html[data-tema="acik"] .ka-sil{background:#fee2e2;border:1px solid #fca5a5;color:#b91c1c} html[data-tema="acik"] .ka-sil:hover{background:#dc2626;color:#fff;border-color:#dc2626} html[data-tema="acik"] .kalem-ozet{border:1px solid var(--line);background:#f8fafc} html[data-tema="acik"] .ko-sat{color:#475569} html[data-tema="acik"] .ko-sat b{color:var(--txt)} html[data-tema="acik"] .ko-sat.ind b{color:#b45309} html[data-tema="acik"] .ko-sat.gt{border-top:1px solid var(--line2);color:var(--txt)} html[data-tema="acik"] .ko-sat.gt b{color:#1d4ed8} html[data-tema="acik"] .ko-sat.kalan b{color:#b91c1c} /* ------------------------- JS INLINE RENK GEÇİCİ KÖPRÜSÜ ------------------------- pages/roles/crud/sunum/tanitim.js içindeki inline renkler (#5fe391, #ff8f8f, #fbc55f, #7fb2ff) açık zeminde soluk kalır. JS düzeltilene kadar bu nitelik seçicileri onları okunaklı tonlara çeker. JS güncellenince bu blok silinebilir. */ html[data-tema="acik"] [style*="color:#5fe391"]{color:#15803d!important} html[data-tema="acik"] [style*="color:#ff8f8f"]{color:#b91c1c!important} html[data-tema="acik"] [style*="color:#fbc55f"]{color:#b45309!important} html[data-tema="acik"] [style*="color:#7fb2ff"]{color:#1d4ed8!important} html[data-tema="acik"] [style*="color:#a3b3c9"]{color:#334155!important} /* Giriş ekranındaki beyaz yazılı logo açık zeminde görünsün */ html[data-tema="acik"] .marka-yatay{filter:invert(1) hue-rotate(180deg) saturate(1.4);opacity:.95} /* ---- İkon sistemi, üst çubuk ve daraltılmış menü (açık tema) ---- */ html[data-tema="acik"] .kpi .ic{color:#475569} html[data-tema="acik"] .kpi.b .ic{color:#2563eb} html[data-tema="acik"] .kpi.g .ic{color:#16a34a} html[data-tema="acik"] .kpi.o .ic{color:#d97706} html[data-tema="acik"] .kpi.r .ic{color:#dc2626} html[data-tema="acik"] .kpi.p .ic{color:#7c3aed} html[data-tema="acik"] .kpi.c .ic{color:#0891b2} html[data-tema="acik"] .nav-item .ic{color:#475569} html[data-tema="acik"] .nav-item:hover .ic,html[data-tema="acik"] .nav-item.active .ic{color:#fff} html[data-tema="acik"] .nav-item.ai-item .ic{color:#fff} html[data-tema="acik"] .tema-btn,html[data-tema="acik"] .baglanti{background:#fff;border-color:var(--line2)} html[data-tema="acik"] .baglanti:hover{background:#f8fafc} html[data-tema="acik"] .b-sayi{background:#fef3c7;color:#b45309} html[data-tema="acik"] .who .btn:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2} html[data-tema="acik"] .menu-dar-btn{background:#fff;color:#64748b;box-shadow:0 4px 12px rgba(15,23,42,.12)} html[data-tema="acik"] .menu-dar-btn:hover{color:#fff;background:#2563eb;border-color:#2563eb} html[data-tema="acik"].menu-dar .nav-item .badge{box-shadow:0 0 0 2px #fff} html[data-tema="acik"] .nav-item.ai-item .ic{background:var(--g2);color:#fff;box-shadow:0 3px 10px rgba(124,58,237,.25)} html[data-tema="acik"] #globalSearch{background-image:url("data:image/svg+xml;utf8,");background-repeat:no-repeat;background-position:13px center;background-size:16px 16px} html[data-tema="acik"] .insight .ic2.uy-kritik{color:#dc2626;background:#fee2e2} html[data-tema="acik"] .insight .ic2.uy-uyari{color:#b45309;background:#fef3c7} html[data-tema="acik"] .uy-tur{color:#64748b} /* ---- Bildirim merkezi (açık tema) ---- */ html[data-tema="acik"] .zil-btn{background:#fff;border-color:var(--line2)} html[data-tema="acik"] .zil-sayi{box-shadow:0 0 0 2px #fff} html[data-tema="acik"] .bd-panel{background:#fff;box-shadow:0 24px 60px rgba(15,23,42,.16)} html[data-tema="acik"] .bd-rozet{background:#dbeafe;color:#1d4ed8} html[data-tema="acik"] .bd-satir:hover,html[data-tema="acik"] .bd-satir:focus-visible{background:#f5f7fb} html[data-tema="acik"] .bd-ik{background:#fef3c7;color:#b45309} html[data-tema="acik"] .bd-satir.kritik .bd-ik{background:#fee2e2;color:#dc2626} html[data-tema="acik"] .bd-etiket{background:#f1f5f9;color:#475569} html[data-tema="acik"] .bd-etiket.kritik{background:#fee2e2;color:#b91c1c} html[data-tema="acik"] .bd-etiket.uyari{background:#fef3c7;color:#b45309} html[data-tema="acik"] .bd-zaman.gecti{color:#dc2626} html[data-tema="acik"] .bd-oku:hover{background:#f1f5f9} html[data-tema="acik"] .bd-ara{background:#fff;border-color:var(--line2)} html[data-tema="acik"] .bd-kutu,html[data-tema="acik"] .bd-liste{background:#fff;box-shadow:0 4px 18px rgba(15,23,42,.05)} html[data-tema="acik"] .bd-kutu.mavi .bd-ik{background:#dbeafe;color:#2563eb} html[data-tema="acik"] .bd-kutu.kirmizi .bd-ik{background:#fee2e2;color:#dc2626} html[data-tema="acik"] .bd-kutu.turuncu .bd-ik{background:#fef3c7;color:#d97706} html[data-tema="acik"] .bd-kutu.gri .bd-ik{background:#f1f5f9;color:#475569} html[data-tema="acik"] .bd-seg{background:#eef2f7} html[data-tema="acik"] .bd-seg button.on{background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.12)} html[data-tema="acik"] .bd-seg button i,html[data-tema="acik"] .bd-grup-bas i{background:#e2e8f0;color:#475569} html[data-tema="acik"] .bd-grup-bas{color:#64748b} html[data-tema="acik"] .bd-bos .bd-ik{background:#dcfce7;color:#16a34a} /* ---- Aktif sefer kartı (açık tema) ---- */ html[data-tema="acik"] .as-rota{background:#f8fafc;border-color:var(--line)} html[data-tema="acik"] .as-iz{background:#e2e8f0} html[data-tema="acik"] .as-arac{background:#2563eb;box-shadow:0 0 0 4px #f8fafc,0 6px 16px rgba(37,99,235,.35)} html[data-tema="acik"] .as-nokta.bas{background:#dbeafe;color:#2563eb} html[data-tema="acik"] .as-nokta.son{background:#dcfce7;color:#16a34a} html[data-tema="acik"] .as-yuzde{color:#0e7490} html[data-tema="acik"] .as-pil{background:#fff;border-color:var(--line2)} html[data-tema="acik"] .as-bos .bd-ik{background:#dbeafe;color:#2563eb} /* ---- Zemin: bant oluşturan sabit radyal gradyanlar yerine düz, sakin açık gri ---- */ html[data-tema="acik"],html[data-tema="acik"] body{ background:#f3f5f9!important;background-image:none!important;background-attachment:scroll!important } html[data-tema="acik"] #main{background:transparent} html[data-tema="acik"] #topbar{background:rgba(255,255,255,.9)} /* ---- Detay sayfası kartları (açık tema) ---- */ html[data-tema="acik"] .page-head,html[data-tema="acik"] .dt-kart{ background:#fff;border-color:#e3e8f0;box-shadow:0 1px 2px rgba(15,23,42,.04),0 6px 20px rgba(15,23,42,.05) } html[data-tema="acik"] .dt-kart .dfield{background:#f8fafc;border-color:#e8edf4} html[data-tema="acik"] .dt-kart .dfield.hl{background:#eff6ff;border-color:#bfdbfe} html[data-tema="acik"] .dt-kart .doc-card{background:#f8fafc} html[data-tema="acik"] .page-head .acts .dt-sil:hover{color:#dc2626;border-color:#fecaca;background:#fef2f2}