/* Tabler teması Ekol Servis'e göre özelleştirildi */
:root,[data-bs-theme=light]{--tblr-font-sans-serif:'Instrument Sans',system-ui,sans-serif;--tblr-primary:#E8590C;--tblr-primary-rgb:232,89,12;--tblr-body-bg:#F2F3EF;--tblr-bg-surface:#FFFFFF;--tblr-border-color:#E1E3DC;
--tblr-body-color:#17212B;--tblr-secondary:#5E6A73;--tblr-border-radius:8px;--tblr-card-border-radius:12px;--ink:#17212B;--tur:#E8590C;--mono:'JetBrains Mono',monospace}
.page-title,.h1,.h2,.stat-sayi,.marka{font-family:'Archivo',sans-serif;font-stretch:112%;letter-spacing:-.015em}
.page-title{font-size:26px;font-weight:700}.page-pretitle{text-transform:none;letter-spacing:0;font-size:13px}
.btn-primary{--tblr-btn-bg:#E8590C;--tblr-btn-border-color:#E8590C;--tblr-btn-hover-bg:#C94A07;--tblr-btn-hover-border-color:#C94A07}
.btn-koyu{background:#17212B;color:#fff;border-color:#17212B}.btn-koyu:hover{background:#000;color:#fff}
.navbar-vertical[data-bs-theme=dark]{background:#17212B!important}
.navbar-vertical .nav-link{border-radius:8px;margin:2px 12px;padding:9px 12px!important;color:rgba(255,255,255,.66)!important}
.navbar-vertical .nav-link.active,.navbar-vertical .nav-link:hover{background:rgba(255,255,255,.07);color:#fff!important}
.navbar-vertical .nav-link.active .nav-link-icon{color:#FF8A3D!important}
.navbar-vertical .nav-link .badge{margin-left:auto}
.marka{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:#fff;text-decoration:none}.marka b{font-weight:500;color:#FF8A3D}
.logo-k{width:32px;height:32px;border-radius:8px;background:#E8590C;display:grid;place-items:center;font-size:18px;color:#fff}
.menu-alt{margin-top:auto;padding:16px}.kim{display:flex;gap:10px;align-items:center;color:#fff}.kim small{display:block;color:rgba(255,255,255,.55)}
@media (min-width:992px){.navbar-vertical .navbar-collapse{display:flex!important;flex-direction:column;height:calc(100vh - 80px)}.page{background:linear-gradient(to right,#17212B 15rem,transparent 15rem)}}
.card{border-color:#E1E3DC}
.table thead th{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:#5E6A73;background:transparent}
.mono{font-family:var(--mono);font-size:12.5px}
.stat-sayi{font-size:28px;font-weight:700;line-height:1.1}
/* harita sayfası */
.harita-dz{display:grid;grid-template-columns:1fr 360px;gap:16px;height:calc(100vh - 210px);min-height:560px}
#harita{border-radius:12px;border:1px solid #E1E3DC;height:100%;z-index:1}
.usta-liste{overflow:auto;height:100%}
.usta-s{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:11px 14px;border-bottom:1px solid #EEF0EA;cursor:pointer}
.usta-s:hover{background:#FAFAF7}
.usta-s .ad{font-weight:600}.usta-s small{display:block;color:#5E6A73}
.nokta{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}
.ozet-serit{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px}
.ozet-serit .card-body{padding:14px 16px}
/* leaflet işaretleri */
.u-pin{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font:700 13px 'Instrument Sans';border:3px solid #fff;box-shadow:0 4px 12px rgba(0,0,0,.25);position:relative}
.u-pin:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid currentColor;opacity:.35;animation:nabiz 2s infinite}
.u-pin.durgun:after{display:none}
@keyframes nabiz{0%{transform:scale(.8);opacity:.5}100%{transform:scale(1.4);opacity:0}}
.i-pin{width:26px;height:26px;border-radius:7px 7px 7px 0;transform:rotate(-45deg);background:#fff;border:2.5px solid #17212B;display:grid;place-items:center;box-shadow:0 3px 8px rgba(0,0,0,.2)}
.i-pin i{transform:rotate(45deg);font-size:13px;color:#17212B}
.i-pin.bekliyor{border-color:#D63939}.i-pin.bekliyor i{color:#D63939}
.leaflet-popup-content{font-family:'Instrument Sans';font-size:13px;margin:12px 14px}
/* servis fişi (imza öğe) */
.fis{background:#fff;border:1px solid #E1E3DC;border-radius:12px 12px 0 0;position:relative;padding:20px 22px 26px}
.fis:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-10px;height:10px;background:radial-gradient(circle at 8px -2px,transparent 8px,#fff 8.5px) 0 0/16px 10px repeat-x;filter:drop-shadow(0 1px 0 #E1E3DC)}
.fis-no{font-family:var(--mono);font-size:13px;color:#5E6A73}
.zc{list-style:none;padding:0;margin:0;position:relative}
.zc li{display:grid;grid-template-columns:52px 22px 1fr;gap:8px;align-items:start;padding:6px 0;font-size:13.5px}
.zc li .s{font-family:var(--mono);font-size:12px;color:#5E6A73;padding-top:2px}
.zc li .d{width:12px;height:12px;border-radius:50%;background:#E8590C;margin-top:4px;box-shadow:0 0 0 4px #FDEBDD}
.zc li.bos .d{background:#D5D9D0;box-shadow:none}.zc li.bos{color:#9AA3AA}
.cip{display:inline-flex;align-items:center;gap:6px;border:1px solid #E1E3DC;border-radius:999px;padding:4px 11px;font-size:13px;margin:0 6px 6px 0;background:#fff}
.cip.sec{background:#17212B;color:#fff;border-color:#17212B}
.balon{max-width:78%;padding:9px 12px;border-radius:12px;font-size:13.5px;margin-bottom:8px}
.balon.usta{background:#F2F3EF;border-bottom-left-radius:3px}.balon.yon{background:#17212B;color:#fff;margin-left:auto;border-bottom-right-radius:3px}
.balon small{display:block;opacity:.6;font-size:11px;margin-top:2px}
.oneri{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid #E1E3DC;border-radius:10px;margin-bottom:8px;cursor:pointer;background:#fff}
.oneri.sec{border-color:#E8590C;box-shadow:0 0 0 3px #FDEBDD}
.yetki td,.yetki th{text-align:center}.yetki td:first-child,.yetki th:first-child{text-align:left}
.bildirim{position:fixed;right:24px;bottom:24px;background:#17212B;color:#fff;padding:12px 18px;border-radius:10px;opacity:0;transform:translateY(20px);transition:.25s;z-index:3000;display:flex;gap:8px;align-items:center;font-weight:500}
.bildirim.acik{opacity:1;transform:none}
.bos-durum{text-align:center;padding:36px;color:#5E6A73}.bos-durum i{font-size:30px;display:block;margin-bottom:6px;color:#C9CEC4}
@media (max-width:1100px){.harita-dz{grid-template-columns:1fr;height:auto}#harita{height:420px}.ozet-serit{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.leaflet-tile-pane{filter:grayscale(.9) contrast(.92) brightness(1.06)}