/* SENDEGEL SÜRÜCÜ — LIGHT PURPLE PROFESSIONAL THEME */

/* ── DRAWER ────────────────────────────────────────────────── */
.dr-item{display:flex;align-items:center;gap:16px;padding:15px 22px;cursor:pointer;color:#111827;font-size:15px;font-weight:600;transition:background .15s;-webkit-tap-highlight-color:transparent;}
.dr-item:active{background:rgba(0,0,0,0.05);}
.dr-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#374151;opacity:0.9;}
/* ──────────────────────────────────────────────────────────── */
:root{
  --primary:#7C3AED;--primary-light:#8B5CF6;--primary-dark:#6D28D9;--primary-tint:#EDE9FE;
  --y:#7C3AED;--yd:#6D28D9;
  --taxi:#FFD600;--taxid:#C8A800;
  --bg:#F7F8FC;--s1:#FFFFFF;--s2:#F3F4F6;--s3:#E9EAEE;
  --bd:#E5E7EB;--t:#111827;--t2:#374151;--m:#6B7280;
  --g:#10B981;--r:#EF4444;--o:#F97316;--b:#3B82F6;
  --font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:'JetBrains Mono',monospace;
  --radius-btn:14px;--radius-card:16px;--radius-input:13px;
  --sh-card:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);
  --sh-card-hover:0 4px 12px rgba(0,0,0,.12),0 8px 32px rgba(0,0,0,.08);
  --sh-primary:0 4px 20px rgba(124,58,237,.28),0 8px 40px rgba(124,58,237,.12);
  --sh-y:var(--sh-primary);
  --sh-g:0 4px 18px rgba(16,185,129,.18);
  --sh-r:0 4px 18px rgba(239,68,68,.18);
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{height:100%;overflow:hidden;background:#fff;}
body{background:#fff;color:var(--t);font-family:var(--font);height:100dvh;max-width:430px;margin:0 auto;overflow:hidden;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;}
button,input,textarea,select,label{font-family:inherit;}
::-webkit-scrollbar{width:2px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(124,58,237,.25);border-radius:2px;}

/* ── SCREEN SYSTEM ────────────────────────────────────────── */
.screen{display:none;height:100dvh;flex-direction:column;overflow:hidden;}
.screen.active{display:flex;}
.bnav{display:none!important;}

/* ── LOGIN ────────────────────────────────────────────────── */
#s-login{position:relative;overflow:hidden;background:#EEE9FB;}
.l-bg-img{position:absolute;inset:0;z-index:0;background-image:url('../img/login-bg.jpg');background-size:cover;background-position:right 10%;background-repeat:no-repeat;}
@media (max-aspect-ratio:3/4){.l-bg-img{background-position:68% 5%;}}
.l-bg-left{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(248,245,255,.98) 0%,rgba(248,245,255,.88) 28%,rgba(248,245,255,.45) 55%,rgba(248,245,255,.05) 100%);}
.l-bg-fade{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,transparent 0%,rgba(248,245,255,.25) 55%,rgba(248,245,255,.95) 100%);}
.l-hero{flex:1 1 auto;min-height:0;max-height:48dvh;overflow:hidden;position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:max(env(safe-area-inset-top),min(48px,5.6dvh)) 28px 0;}
.l-logo-box{position:relative;z-index:2;background:linear-gradient(145deg,#ffffff 0%,#f3eeff 100%);border-radius:22px;overflow:hidden;width:122px;height:122px;box-shadow:0 12px 40px rgba(109,40,217,.22),0 4px 12px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(109,40,217,.10);border:1px solid rgba(255,255,255,.7);margin-bottom:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;}
.l-logo{width:100%;height:100%;object-fit:contain;display:block;flex-shrink:0;filter:drop-shadow(0 4px 10px rgba(109,40,217,.28)) drop-shadow(0 1px 3px rgba(0,0,0,.14));}
.l-brand{position:relative;z-index:2;font-family:'Bebas Neue',sans-serif;font-size:clamp(44px,10dvh,88px);background:linear-gradient(170deg,#4C1D95 0%,#6D28D9 42%,#8B5CF6 75%,#A78BFA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;line-height:.92;margin-bottom:min(6px,0.8dvh);-webkit-font-smoothing:antialiased;-webkit-text-stroke:1.5px rgba(109,40,217,.5);}
.l-sub{position:relative;z-index:2;font-size:10px;color:#6D28D9;letter-spacing:3px;text-transform:uppercase;font-weight:700;margin-bottom:min(8px,1dvh);}
.l-tags{position:relative;z-index:2;display:flex;gap:8px;flex-shrink:0;}
.l-tag{font-size:10px;color:#6D28D9;border:1px solid rgba(109,40,217,.25);border-radius:20px;padding:4px 12px;letter-spacing:.5px;font-weight:600;background:rgba(248,245,255,.7);display:flex;align-items:center;gap:5px;}
.l-tag svg{width:11px;height:11px;flex-shrink:0;}
.l-feats{position:relative;z-index:2;display:flex;gap:8px;padding:0 16px min(16px,1.9dvh);flex-shrink:0;}
.l-feat-card{flex:1 1 0;min-width:0;height:76px;background:rgba(255,255,255,.88);border-radius:18px;padding:8px 6px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 6px 28px rgba(109,40,217,.12),0 2px 8px rgba(0,0,0,.05);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
.l-feat-ico{width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,#6D28D9,#8B5CF6);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 3px 10px rgba(109,40,217,.35);}
.l-feat-ico svg{width:15px;height:15px;}
.l-feat-txt{display:flex;flex-direction:column;gap:1px;align-items:center;text-align:center;min-width:0;}
.l-feat-nm{font-size:9px;font-weight:800;color:#1A1A2E;line-height:1.2;}
.l-feat-ds{font-size:7.5px;color:#6B7280;line-height:1.3;}
.l-card{flex:0 0 auto;position:relative;z-index:3;background:#fff;border-radius:40px 40px 0 0;box-shadow:0 -10px 48px rgba(0,0,0,.14),0 -2px 8px rgba(0,0,0,.06);max-height:92dvh;min-height:340px;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.l-card-pad{padding:min(12px,1.4dvh) 26px max(env(safe-area-inset-bottom),28px);}
.lc-handle{width:42px;height:4px;background:#DDD8F0;border-radius:2px;margin:0 auto 10px;}
.sheet-tabs{display:flex;background:#F0ECFF;border-radius:16px;padding:5px;gap:4px;margin-bottom:12px;border:1px solid rgba(124,58,237,.1);}
.sheet-tab{flex:1;padding:9px 8px;border-radius:12px;border:none;background:none;color:#9CA3AF;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;}
.sheet-tab svg{width:15px;height:15px;flex-shrink:0;}
.sheet-tab.active{background:linear-gradient(135deg,#6D28D9,#7C3AED,#8B5CF6);color:#fff;box-shadow:0 4px 18px rgba(124,58,237,.35);}
.tab-content{display:none;}.tab-content.active{display:block;}
.fi-row{display:flex;align-items:center;background:linear-gradient(145deg,#F5F2FF,#EDE8FF);border:1.5px solid #DDD6F8;border-radius:16px;padding:12px 14px;gap:12px;margin-bottom:12px;min-height:58px;box-shadow:4px 4px 10px rgba(109,40,217,.12),-2px -2px 6px rgba(255,255,255,.8),inset 0 1px 3px rgba(109,40,217,.06);}
.fi-row:focus-within{border-color:#7C3AED;background:linear-gradient(145deg,#fff,#F5F2FF);box-shadow:4px 4px 14px rgba(109,40,217,.18),-2px -2px 8px rgba(255,255,255,.9),0 0 0 3px rgba(124,58,237,.1);}
.fi-ic{color:#7C3AED;flex-shrink:0;display:flex;align-items:center;}
.fi-ic svg{width:19px;height:19px;}
.fi-in{flex:1;display:flex;flex-direction:column;min-width:0;}
.fi-lb{font-size:10px;color:#9CA3AF;margin-bottom:2px;display:block;font-weight:600;letter-spacing:.3px;}
.fi-in input{background:none;border:none;outline:none;font-family:var(--font);font-size:14px;color:#1A1A2E;width:100%;padding:0;}
.fi-in input::placeholder{color:#C4B5E8;}
.fi-eye{background:none;border:none;cursor:pointer;color:#B0A0D0;padding:0;display:flex;align-items:center;flex-shrink:0;}
.fi-eye svg{width:18px;height:18px;}
.fi-2col{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:0;}
.fi-2col .fi-row{margin-bottom:0;}
.l-kvkk{display:flex;align-items:center;gap:10px;margin:6px 0 12px;font-size:11px;color:#4B5563;}
.l-kvkk input[type=checkbox]{width:16px;height:16px;accent-color:#7C3AED;flex-shrink:0;cursor:pointer;}
.l-kvkk a{color:#7C3AED;text-decoration:none;font-weight:700;}
.l-forgot{text-align:right;margin:-4px 0 14px;}
.l-forgot button{background:none;border:none;color:#7C3AED;font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;}
.l-ssl{display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;color:#9CA3AF;margin-top:12px;}
.l-ssl svg{width:13px;height:13px;color:#7C3AED;flex-shrink:0;}
.pbtn{width:100%;padding:16px;background:linear-gradient(135deg,#6D28D9,#7C3AED,#8B5CF6);border:none;border-radius:16px;color:#fff;font-weight:800;font-family:var(--font);font-size:15px;cursor:pointer;box-shadow:0 4px 20px rgba(124,58,237,.35),0 8px 40px rgba(124,58,237,.15);transition:opacity .15s,transform .1s;touch-action:manipulation;display:flex;align-items:center;justify-content:center;gap:8px;}
.pbtn:active{opacity:.9;transform:scale(.98);}
.reg-note{text-align:center;font-size:10px;color:#9CA3AF;margin-top:10px;}
/* Keep for non-login screens */
.f-group{margin-bottom:13px;}
.f-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:6px;display:block;font-weight:700;}
.f-input{width:100%;background:var(--bg);border:1.5px solid var(--bd);border-radius:var(--radius-input);color:var(--t);font-family:var(--font);font-size:15px;padding:13px 15px;transition:border-color .18s;-webkit-appearance:none;}
.f-input:focus{outline:none;border-color:var(--y);}
.f-input::placeholder{color:var(--m);}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;}
.submit-btn{width:100%;padding:15px;background:var(--y);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:14px;cursor:pointer;margin-top:8px;letter-spacing:.5px;transition:opacity .15s,transform .1s;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:var(--sh-primary);}
.submit-btn:hover{opacity:.9;}
.submit-btn:active{opacity:.8;transform:scale(.97);}
.form-note{text-align:center;font-size:10px;color:var(--m);margin-top:11px;}

/* ── HOME ─────────────────────────────────────────────────── */
#s-home{background:transparent;position:relative;overflow:hidden;height:100vh;pointer-events:none;}
/* Kalıcı harita artık #persistent-map içinde, #surucu-map burada değil */

/* Top floating header */
/* ── BOTTOM NAV (TAG layout) ── */
.float-header{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;z-index:12;background:var(--s1);border-top:1px solid var(--bd);padding:22px 20px max(45px,env(safe-area-inset-bottom));pointer-events:none;box-shadow:0 -2px 12px rgba(0,0,0,.06);}
.fh-inner{display:flex;align-items:center;justify-content:space-between;pointer-events:auto;}
.fh-left{display:flex;align-items:center;gap:10px;}
.fh-logo{width:30px;height:30px;border-radius:8px;object-fit:cover;}
.fh-name{font-family:'Bebas Neue';font-size:30px;color:var(--y);letter-spacing:2px;}
.fh-right{display:flex;gap:7px;align-items:center;}
.fh-btn{width:40px;height:40px;border-radius:10px;background:var(--s1);border:1px solid var(--bd);display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:all .15s;box-shadow:var(--sh-card);}
.fh-btn:hover{border-color:rgba(124,58,237,.3);}
.fh-btn:active{border-color:var(--y);background:var(--primary-tint);}

/* Status toggle — beyaz pill */
.status-bar{display:flex;align-items:center;justify-content:center;pointer-events:none;width:100%;}
.status-bar.hidden{display:none;}
.st-wrap{pointer-events:auto;display:flex;align-items:center;justify-content:space-between;width:100%;gap:0;background:#fff;border-radius:18px;padding:14px 24px;box-shadow:0 2px 16px rgba(0,0,0,.1);border:1px solid var(--bd);}
.st-lbl{font-size:15px;font-weight:700;color:var(--m);cursor:pointer;transition:color .2s;user-select:none;flex:1;}
.st-lbl:first-child{text-align:left;}
.st-lbl:last-child{text-align:right;}
.st-lbl.active{color:var(--t);}
.st-track{width:150px;height:42px;border-radius:20px;background:rgba(107,114,128,.15);border:1px solid var(--bd);cursor:pointer;position:relative;transition:background .25s;flex-shrink:0;}
.st-track.online{background:var(--g);border-color:var(--g);box-shadow:0 0 14px rgba(16,185,129,.3);}
.st-track.busy{background:var(--o);border-color:var(--o);box-shadow:0 0 14px rgba(249,115,22,.3);}
.st-thumb{width:34px;height:34px;border-radius:50%;background:#fff;position:absolute;top:3px;left:3px;transition:transform .25s;box-shadow:0 1px 5px rgba(0,0,0,.2);}
.st-track.online .st-thumb{transform:translateX(110px);}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.sp-dot{display:none;}

/* BİLDİR — kalıcı gizli */
#bildir-btn{enable-background:none !important;}

/* Map action chips */
.map-chips{position:fixed;bottom:220px;left:60px;right:60px;display:flex;justify-content:space-between;z-index:9;pointer-events:auto;}
.map-chip{background:rgba(255,255,255,.97);border:1px solid var(--bd);border-radius:50px;padding:10px 20px;font-size:13px;font-weight:700;color:var(--t);cursor:pointer;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);white-space:nowrap;transition:all .15s;box-shadow:0 2px 20px rgba(0,0,0,.13);}
.map-chip:active{border-color:var(--y);background:var(--primary-tint);}

/* Toggle container — nav'ın tam üstünde, alt boşluk sıfır */
.home-cards{position:fixed;bottom:135px;left:50%;transform:translateX(-50%);width:calc(100% - 45px);max-width:402px;padding:8px 0 0;z-index:11;background:transparent;pointer-events:auto;}
.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;}
.hs-card{background:linear-gradient(160deg,var(--primary-tint),rgba(237,233,254,.5));border:1px solid rgba(124,58,237,.1);border-radius:10px;padding:9px 6px;text-align:center;}
.hs-val{font-family:'Bebas Neue';font-size:19px;color:var(--y);letter-spacing:1px;}
.hs-label{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:.8px;margin-top:1px;font-weight:700;}
.location-badge{background:var(--s1);border:1px solid var(--bd);border-radius:11px;padding:9px 13px;display:flex;align-items:center;gap:9px;box-shadow:var(--sh-card);pointer-events:auto;}
.loc-dot{width:6px;height:6px;border-radius:50%;background:var(--g);flex-shrink:0;animation:pulse 1.8s infinite;}
.loc-text{font-size:12px;font-weight:600;}
.loc-sub{font-size:10px;color:var(--m);}

/* Full-panel screens — kalıcı haritanın üzerini kapatır */
#s-register,#s-docs,#s-rules,#s-contracts,#s-destek,#s-helpcenter,#s-helptopic,#s-faq,#s-ayarlar,#s-ayarlar-detail,#s-rewards,#s-invite{background:var(--bg);position:relative;z-index:1;}

/* ── EARNINGS ─────────────────────────────────────────────── */
#s-earn{background:var(--bg);position:relative;z-index:1;}
.page-header{padding:50px 18px 16px;background:var(--s1);border-bottom:1px solid var(--bd);}
.ph-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--m);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;padding:0;margin-bottom:10px;letter-spacing:.3px;transition:color .15s;}
.ph-back:hover{color:var(--t);}
.ph-title{font-family:'Bebas Neue';font-size:26px;letter-spacing:1px;color:var(--t);}
.ph-sub{font-size:11px;color:var(--m);margin-top:2px;}
.earn-body{flex:1;padding:16px;overflow-y:auto;padding-bottom:28px;}
.period-tabs{display:flex;gap:5px;margin-bottom:16px;}
.pt{flex:1;padding:9px;background:var(--s1);border:1px solid var(--bd);border-radius:10px;color:var(--m);font-family:var(--font);font-size:11px;font-weight:700;cursor:pointer;text-align:center;transition:all .18s;}
.pt.active{background:var(--y);border-color:var(--y);color:#fff;box-shadow:var(--sh-primary);}
.pt:hover:not(.active){color:var(--t);border-color:rgba(124,58,237,.3);}

/* Earnings hero card */
.earn-hero{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius-card);padding:24px 20px;text-align:center;margin-bottom:12px;box-shadow:var(--sh-card);}
.eh-label{font-size:10px;color:var(--m);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-weight:700;}
.eh-val{font-family:'Bebas Neue';font-size:48px;color:var(--y);letter-spacing:2px;line-height:1;}
.eh-sub{font-size:11px;color:var(--m);margin-top:5px;}
.earn-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:12px;}
.eg-item{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius-card);padding:13px;text-align:center;box-shadow:var(--sh-card);}
.eg-val{font-family:'Bebas Neue';font-size:22px;color:var(--t);letter-spacing:1px;}
.eg-label{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-weight:700;}

/* Trips list */
.trips-list{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--sh-card);}
.tl-header{padding:12px 16px;border-bottom:1px solid var(--bd);font-size:11px;font-weight:700;letter-spacing:.5px;color:var(--m);text-transform:uppercase;}
.tl-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--bd);transition:background .12s;}
.tl-item:last-child{border-bottom:none;}
.tl-item:hover{background:var(--primary-tint);}
.tl-route{font-size:12px;font-weight:600;color:var(--t);}
.tl-detail{font-size:10px;color:var(--m);margin-top:2px;}
.tl-earn{color:var(--g);font-weight:700;font-size:13px;}

/* ── PROFILE ──────────────────────────────────────────────── */
#s-profile{background:var(--bg);position:relative;z-index:1;}
.profile-cover{height:200px;background:linear-gradient(160deg,#EDE9FE 0%,#DDD6FE 100%);position:relative;overflow:hidden;flex-shrink:0;border-bottom:1px solid rgba(124,58,237,.15);}
.pc-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(124,58,237,.05) 1px,transparent 1px);background-size:32px 32px;}
.pc-glow{position:absolute;top:30%;left:50%;transform:translateX(-50%);width:180px;height:180px;background:radial-gradient(circle,rgba(124,58,237,.2),transparent 70%);}
.pc-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:44px 20px 0;}
.pc-av{position:relative;width:68px;height:68px;border-radius:50%;background:var(--y);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:22px;border:3px solid rgba(255,255,255,.6);box-shadow:var(--sh-primary);}
.pc-name{font-family:'Bebas Neue';font-size:24px;letter-spacing:1px;margin-top:8px;color:var(--primary-dark);}
.pc-plate{display:inline-block;background:rgba(255,255,255,.5);border:1px solid rgba(124,58,237,.2);border-radius:6px;padding:3px 10px;font-family:var(--mono);font-size:10px;margin-top:4px;letter-spacing:2px;color:var(--primary-dark);}
.pc-rating{font-size:12px;color:var(--m);margin-top:4px;}
.profile-back{position:absolute;top:44px;left:12px;background:rgba(255,255,255,.5);border:none;color:var(--primary-dark);font-family:var(--font);font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:5px;z-index:10;padding:6px 10px;border-radius:9px;touch-action:manipulation;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}
.profile-body{flex:1;padding:16px;overflow-y:auto;padding-bottom:28px;}
.p-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:16px;}
.ps-item{background:var(--s1);border:1px solid var(--bd);border-radius:var(--radius-card);padding:13px;text-align:center;box-shadow:var(--sh-card);}
.ps-val{font-family:'Bebas Neue';font-size:22px;color:var(--y);letter-spacing:1px;}
.ps-label{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-weight:700;}
.p-section{margin-bottom:16px;}
.p-sec-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:8px;font-weight:700;}
.p-row{background:var(--s1);border:1px solid var(--bd);border-radius:14px;padding:13px 15px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px;box-shadow:var(--sh-card);}
.p-row:hover{border-color:rgba(124,58,237,.3);}
.p-row-label{font-size:11px;color:var(--m);}
.p-row-val{font-size:12px;font-weight:700;color:var(--t);}
.edit-form{padding:13px;background:var(--s2);border-radius:11px;border:1px solid var(--bd);margin-bottom:5px;}
.ef-label{font-size:9px;color:var(--m);margin-bottom:6px;letter-spacing:1px;text-transform:uppercase;font-weight:700;}
.ef-inp{width:100%;background:var(--s1);border:1.5px solid var(--bd);border-radius:9px;color:var(--t);font-family:var(--font);font-size:13px;padding:9px 11px;outline:none;box-sizing:border-box;margin-bottom:9px;transition:border-color .15s;}
.ef-inp:focus{border-color:var(--y);}
.ef-btns{display:flex;gap:7px;}
.ef-save{flex:1;padding:9px;background:var(--y);border:none;border-radius:9px;font-weight:700;font-family:var(--font);font-size:11px;cursor:pointer;color:#fff;transition:opacity .15s;}
.ef-save:hover{opacity:.88;}
.ef-cancel{flex:1;padding:9px;background:none;border:1px solid var(--bd);border-radius:9px;color:var(--m);font-family:var(--font);font-size:11px;cursor:pointer;transition:border-color .15s;}
.ef-cancel:hover{border-color:rgba(124,58,237,.3);}
.color-chip{padding:5px 11px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .12s;}
.color-chip.selected{border-color:var(--y);}
.p-logout{width:100%;padding:13px;background:transparent;border:1.5px solid rgba(239,68,68,.3);border-radius:11px;color:var(--r);font-weight:700;font-family:var(--font);font-size:13px;cursor:pointer;margin-top:8px;transition:background .15s;}
.p-logout:hover{background:rgba(239,68,68,.06);}

/* ── CALL INCOMING ────────────────────────────────────────── */
#s-call{background:transparent;pointer-events:none;position:relative;}
.call-sheet{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:28px 28px 0 0;padding:14px 20px max(32px,env(safe-area-inset-bottom));box-shadow:0 -12px 48px rgba(0,0,0,.13);pointer-events:auto;overflow-y:auto;max-height:90dvh;}
.cs-handle{width:100%;height:28px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;touch-action:none;margin:0 0 8px;-webkit-tap-highlight-color:transparent;}
.cs-handle::after{content:'';display:block;width:36px;height:4px;background:#e5e7eb;border-radius:4px;}

/* Header — avatar + isim + fiyat */
.cs-header{display:flex;align-items:center;gap:13px;margin-bottom:16px;}
.cs-avatar{width:46px;height:46px;border-radius:14px;background:var(--primary);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;letter-spacing:0;}
.cs-header-info{flex:1;min-width:0;}
.cs-sup{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2px;}
.cs-name{font-size:20px;font-weight:800;color:var(--t);line-height:1.1;}
.cs-price-box{text-align:right;flex-shrink:0;}
.cs-price{font-size:26px;font-weight:900;color:var(--primary);line-height:1;}
.cs-price-lbl{font-size:9px;color:var(--primary);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:2px;}

/* Rota */
.cs-route{background:var(--s2);border-radius:14px;padding:14px 15px;margin-bottom:13px;border:1px solid var(--bd);position:relative;}
.csr-item{display:flex;align-items:flex-start;gap:10px;}
.csr-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.csr-connector{width:1px;height:10px;background:var(--bd);margin:3px 0 3px 10px;}
.csr-lbl{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-bottom:1px;}
.csr-addr{font-size:13px;font-weight:700;color:var(--t);line-height:1.3;}

/* İstatistikler */
.cs-stats{display:flex;align-items:center;background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:12px 0;margin-bottom:14px;}
.css-item{flex:1;text-align:center;}
.css-val{font-size:16px;font-weight:800;color:var(--t);letter-spacing:.3px;}
.css-lbl{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:2px;}
.css-divider{width:1px;height:28px;background:var(--bd);}

/* Timer */
.timer-area{margin-bottom:14px;}
.timer-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;}
.timer-label{font-size:10px;color:var(--m);letter-spacing:1.5px;text-transform:uppercase;font-weight:700;}
.timer-track{width:100%;height:6px;background:var(--bd);border-radius:3px;overflow:hidden;}
.timer-fill{height:100%;background:var(--primary);border-radius:3px;transition:width 1s linear;}
.timer-fill.urgent{background:var(--r);}
.timer-num{font-family:'Bebas Neue';font-size:28px;color:var(--t);letter-spacing:2px;line-height:1;}
.timer-num.urgent{color:var(--r);}

/* Butonlar */
.call-btns{display:grid;grid-template-columns:1fr 2fr;gap:10px;}
.btn-accept{padding:16px;background:var(--g);border:none;border-radius:14px;color:#fff;font-weight:800;font-family:var(--font);font-size:15px;cursor:pointer;letter-spacing:.3px;transition:opacity .15s,transform .1s;box-shadow:0 4px 16px rgba(34,197,94,.35);}
.btn-accept:hover{opacity:.88;}
.btn-accept:active{transform:scale(.97);}
.btn-reject{padding:16px;background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;color:#6b7280;font-weight:700;font-family:var(--font);font-size:14px;cursor:pointer;letter-spacing:.3px;transition:background .15s,border-color .15s;}
.btn-reject:hover{background:#fef2f2;border-color:rgba(239,68,68,.3);color:var(--r);}
.btn-accept:disabled,.btn-reject:disabled{opacity:.45;cursor:not-allowed;transform:none;}

/* ── ACTIVE TRIP ──────────────────────────────────────────── */
#s-trip{background:transparent;position:relative;height:100vh;overflow:hidden;pointer-events:none;}

/* Alt kart */
.trip-card{position:absolute;bottom:0;left:0;right:0;z-index:10;background:var(--s1);border-radius:22px 22px 0 0;padding:10px 0 0;pointer-events:auto;overflow:hidden;max-height:90vh;transition:max-height .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;
  box-shadow:0 -2px 0 rgba(255,255,255,.06) inset,
             0 -8px 32px rgba(0,0,0,.14),
             0 -24px 64px rgba(124,58,237,.1);}
.trip-card.mini{max-height:120px;}
.trip-card *{pointer-events:auto;}
.trip-card-handle{width:100%;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:none;margin-bottom:6px;flex-shrink:0;}
.trip-card-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 18px max(48px,env(safe-area-inset-bottom));}
.trip-card-handle::before{content:'';width:36px;height:4px;background:var(--bd);border-radius:2px;opacity:.6;}

/* Müşteri satırı */
.trip-customer{display:flex;align-items:center;gap:10px;background:var(--s2);border-radius:14px;padding:12px 14px;border:1px solid var(--bd);margin-bottom:12px;
  box-shadow:0 1px 3px rgba(0,0,0,.06),0 4px 12px rgba(0,0,0,.04);}
.tc-av{width:42px;height:42px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:14px;flex-shrink:0;
  box-shadow:0 4px 14px rgba(124,58,237,.35);}
.tc-info{flex:1;min-width:0;}
.tc-name{font-size:14px;font-weight:700;color:var(--t);}
.tc-phone{font-size:11px;color:var(--m);margin-top:2px;}
.tc-call{width:38px;height:38px;border-radius:10px;background:var(--primary);border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;flex-shrink:0;transition:opacity .15s;
  box-shadow:0 4px 14px rgba(124,58,237,.3);}
.tc-call:active{opacity:.8;}
.acil-btn-surucu{background:#EF4444;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;flex-shrink:0;box-shadow:0 2px 8px rgba(239,68,68,.35);transition:background .15s,transform .1s;}
.acil-btn-surucu:active{background:#DC2626;transform:scale(.96);}

/* Faz kutusu */
.trip-phase-box{display:flex;align-items:center;gap:12px;background:var(--primary-tint);border:1.5px solid rgba(124,58,237,.2);border-radius:14px;padding:12px 14px;margin-bottom:14px;
  box-shadow:0 2px 8px rgba(124,58,237,.08),0 1px 2px rgba(0,0,0,.04);}
.trip-phase-box span{font-size:22px;flex-shrink:0;}
.tpb-title{font-size:14px;font-weight:800;color:var(--t);letter-spacing:.1px;}
.tpb-sub{font-size:11px;color:var(--m);margin-top:2px;}

/* Rota bilgisi */
.trip-route-info{background:var(--s2);border:1px solid var(--bd);border-radius:14px;padding:12px 14px;margin-bottom:12px;}
.tri-row{display:flex;align-items:center;gap:10px;}
.tri-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;}
.tri-pickup{background:#22c55e;box-shadow:0 0 0 3px rgba(34,197,94,.15);}
.tri-dropoff{background:#1e293b;}
.tri-addr{font-size:12px;font-weight:600;color:var(--t);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.tri-line{width:1.5px;height:10px;background:var(--bd);margin:4px 0 4px 4px;}
.tri-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--bd);margin-top:10px;padding-top:11px;}
.tri-price{font-size:22px;font-weight:900;color:var(--primary);letter-spacing:-.5px;}

/* Kod girişi */
.trip-code-label{font-size:10px;font-weight:700;color:var(--m);text-align:center;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;}
.code-hidden-input{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:1px;height:1px;opacity:0;border:none;outline:none;font-size:16px;}
.code-boxes-row{display:flex;gap:10px;justify-content:center;margin-bottom:14px;cursor:text;}
.code-box{width:62px;height:66px;background:var(--primary-tint);border:2px solid rgba(124,58,237,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:900;color:var(--primary);font-family:'JetBrains Mono',var(--font);transition:all .18s;user-select:none;}
.code-box.filled{border-color:var(--primary);background:rgba(124,58,237,.11);box-shadow:0 0 0 3px rgba(124,58,237,.09),0 2px 8px rgba(124,58,237,.12);}
.trip-code-error{color:var(--r);font-size:11px;text-align:center;margin-bottom:8px;font-weight:600;}
.btn-verify{width:100%;padding:16px 18px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:14px;cursor:pointer;margin-bottom:10px;letter-spacing:.3px;transition:opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:9px;
  box-shadow:0 4px 24px rgba(22,163,74,.38),0 1px 3px rgba(0,0,0,.14);}
.btn-verify:active{transform:scale(.98);opacity:.92;}
.btn-verify:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none;background:#888;}

/* İptal butonu */
.btn-trip-cancel{width:100%;padding:12px;background:transparent;border:1px solid rgba(239,68,68,.25);border-radius:12px;color:var(--r);font-family:var(--font);font-size:12px;cursor:pointer;font-weight:700;letter-spacing:.2px;transition:background .15s;}
.btn-trip-cancel:active{background:rgba(239,68,68,.06);}

/* ── CANCEL TRIP MODAL ─────────────────────────────────────── */
#cancel-warning-overlay{position:fixed;inset:0;z-index:600;display:flex;align-items:flex-end;justify-content:center;padding-bottom:env(safe-area-inset-bottom,0);}
.cwarn-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .22s ease;}
.cwarn-card{position:relative;background:var(--s1);border-radius:24px 24px 0 0;padding:28px 22px 32px;width:100%;max-width:480px;text-align:center;box-shadow:0 -8px 40px rgba(0,0,0,.18),0 -1px 0 rgba(255,255,255,.06);transform:translateY(100%);transition:transform .25s cubic-bezier(.32,0,.15,1);}
#cancel-warning-overlay.cwarn-visible .cwarn-backdrop{opacity:1;}
#cancel-warning-overlay.cwarn-visible .cwarn-card{transform:translateY(0);}
.cwarn-icon-wrap{width:60px;height:60px;background:rgba(239,68,68,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;}
.cwarn-title{font-family:'Bebas Neue',var(--font);font-size:26px;font-weight:400;color:var(--r);letter-spacing:.06em;margin-bottom:6px;}
.cwarn-msg{font-size:13px;color:var(--m);margin-bottom:14px;line-height:1.55;}
.cwarn-status{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;padding:11px 14px;font-size:12px;font-weight:700;margin-bottom:20px;}
.cwarn-free{background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.22);color:#059669;}
.cwarn-penalty{background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.22);color:var(--r);}
.cwarn-btn-row{display:flex;gap:10px;}
.cwarn-btn{flex:1;padding:14px 10px;border-radius:14px;font-family:var(--font);font-size:13px;font-weight:800;cursor:pointer;border:none;transition:opacity .15s,transform .1s;letter-spacing:.2px;}
.cwarn-btn:active{transform:scale(.97);}
.cwarn-back{background:var(--s2);color:var(--t2);border:1.5px solid var(--bd);}
.cwarn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px rgba(239,68,68,.35);}

.btn-end{width:100%;padding:16px;background:linear-gradient(135deg,#7C3AED,#6D28D9);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:14px;cursor:pointer;letter-spacing:.4px;transition:opacity .15s,transform .1s;
  box-shadow:0 4px 24px rgba(124,58,237,.45),0 1px 3px rgba(0,0,0,.1);}
.btn-end:active{transform:scale(.98);}
.btn-end:hover{opacity:.88;}

/* ── SUCCESS OVERLAY ──────────────────────────────────────── */
.success-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);z-index:10010;display:none;align-items:flex-end;justify-content:center;}
.success-overlay.active{display:flex;}
.sc-wrap{background:var(--s1);border-radius:24px 24px 0 0;padding:24px 20px 36px;width:100%;max-width:480px;max-height:92vh;overflow-y:auto;animation:slideUp .28s cubic-bezier(.32,0,.15,1);}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.sc-summary{text-align:center;margin-bottom:16px;}
.sc-check-ico{width:56px;height:56px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 6px 20px rgba(34,197,94,.3);}
.sc-title{font-family:'Bebas Neue',var(--font);font-size:26px;letter-spacing:.04em;color:var(--t);margin-bottom:4px;}
.sc-route{font-size:13px;font-weight:700;color:var(--t2);}
.sc-detail{font-size:11px;color:var(--m);margin-top:3px;}
.sc-earn-box{background:linear-gradient(135deg,rgba(124,58,237,.1),rgba(124,58,237,.04));border:1px solid rgba(124,58,237,.18);border-radius:16px;padding:14px 16px;text-align:center;margin-bottom:16px;}
.sc-earn-lbl{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;}
.sc-earn-val{font-size:34px;font-weight:900;color:var(--t);font-family:'JetBrains Mono',monospace;}
.sc-rating-wrap{background:var(--s2);border:1px solid var(--bd);border-radius:16px;padding:16px;margin-bottom:16px;}
.sc-rate-hdr{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--bd);}
.sc-rate-av{width:44px;height:44px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:18px;flex-shrink:0;}
.sc-rate-name{font-size:14px;font-weight:800;color:var(--t);}
.sc-rate-sub{font-size:10px;color:var(--m);margin-top:2px;}
.sc-stars-row{display:flex;justify-content:center;gap:8px;margin-bottom:6px;}
.sc-star{font-size:38px;cursor:pointer;filter:grayscale(1);opacity:.35;transition:filter .15s,opacity .15s,transform .12s;line-height:1;}
.sc-star.on{filter:none;opacity:1;transform:scale(1.18);}
.sc-star:active{transform:scale(.88);}
.sc-star-lbl{text-align:center;font-size:12px;font-weight:700;color:var(--m);margin-bottom:14px;min-height:18px;}
.sc-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;justify-content:center;}
.sc-badge{padding:8px 14px;border-radius:22px;border:1.5px solid var(--bd);background:var(--s1);color:var(--t2);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;}
.sc-badge.active{border-color:var(--primary);background:rgba(124,58,237,.1);color:var(--primary);}
.sc-badge.neg.active{border-color:var(--r);background:rgba(239,68,68,.1);color:var(--r);}
.sc-comment{width:100%;background:var(--s1);border:1px solid var(--bd);border-radius:12px;color:var(--t);font-family:var(--font);font-size:12px;padding:10px 13px;outline:none;resize:none;box-sizing:border-box;}
.sc-send-btn{width:100%;padding:15px;background:var(--primary);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:14px;cursor:pointer;box-shadow:0 4px 20px rgba(124,58,237,.35);transition:opacity .15s;}
.sc-send-btn:active{opacity:.88;}
@keyframes popIn{from{transform:scale(.75);opacity:0}60%{transform:scale(1.07)}80%{transform:scale(.97)}to{transform:scale(1);opacity:1}}
.sc-emoji{font-size:48px;margin-bottom:8px;}
.sc-title{font-family:'Bebas Neue';font-size:30px;color:var(--g);letter-spacing:1px;}
.sc-route{font-size:12px;color:var(--m);margin:4px 0 12px;}
.sc-earn{font-family:'Bebas Neue';font-size:46px;color:var(--y);letter-spacing:2px;}
.sc-detail{font-size:11px;color:var(--m);margin-top:5px;}
.sc-close{margin-top:18px;width:100%;padding:13px;background:var(--y);border:none;border-radius:11px;font-weight:800;font-family:var(--font);font-size:13px;cursor:pointer;color:#fff;letter-spacing:.4px;transition:opacity .15s;box-shadow:var(--sh-primary);}
.sc-close:hover{opacity:.88;}

/* ── TOAST ────────────────────────────────────────────────── */
.toast{position:fixed;top:52px;left:50%;transform:translateX(-50%) translateY(-16px);background:#fff;border:1px solid var(--bd);border-radius:11px;padding:10px 18px;font-size:12px;z-index:9998;opacity:0;transition:all .25s;white-space:nowrap;max-width:90%;font-weight:700;box-shadow:0 8px 32px rgba(0,0,0,.12);color:#111827;}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── SIDE DRAWER ──────────────────────────────────────────── */
#side-drawer{background:var(--s1);border-right:1px solid var(--bd);box-shadow:4px 0 40px rgba(124,58,237,.08);pointer-events:auto;}
#side-drawer>div:first-child{border-bottom:1px solid var(--bd);background:linear-gradient(160deg,#EDE9FE,#DDD6FE);}
#drawer-backdrop{background:rgba(124,58,237,.1);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);}
.drawer-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;color:var(--t);transition:background .12s;}
.drawer-item:hover{background:var(--primary-tint);}
.drawer-item-icon{font-size:16px;width:22px;text-align:center;flex-shrink:0;}
.drawer-item-label{font-size:13px;font-weight:600;}
.drawer-section-title{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--m);font-weight:700;padding:0 18px;margin-bottom:4px;}
#side-drawer div[onclick]{transition:background .15s;}
#side-drawer div[onclick]:hover{background:rgba(255,255,255,.08);border-radius:10px;}
#side-drawer div[onclick]:active{background:rgba(255,255,255,.14);}

/* ── BİLDİR SHEET ─────────────────────────────────────────── */
#bildir-sheet{background:var(--s1);border-top:1px solid var(--bd);box-shadow:0 -8px 48px rgba(124,58,237,.1);}

/* ── MAP COMMON ───────────────────────────────────────────── */
.map-grid-layer{display:none;}
.my-pin{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:38px;height:38px;background:var(--y);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;border:3px solid #fff;z-index:3;box-shadow:var(--sh-primary);}
.customer-pin{position:absolute;top:30%;left:65%;width:34px;height:34px;background:var(--r);border-radius:50%;display:flex;align-items:center;justify-content:center;border:3px solid #fff;font-size:13px;z-index:2;}

/* ── TWEMOJI ──────────────────────────────────────────────── */
img.emoji{height:1em;width:1em;margin:0 .05em 0 .1em;vertical-align:-.1em;display:inline-block;}
.sc-emoji img.emoji{height:48px;width:48px;margin:0;}
.hero-tag img.emoji{height:.9em;width:.9em;}

/* ── ANIMATIONS ───────────────────────────────────────────── */
@keyframes glowPulse{0%,100%{opacity:1}50%{opacity:.45}}
.login-glow{animation:glowPulse 3s ease-in-out infinite;}

@keyframes gridDrift{0%{background-position:0 0}100%{background-position:48px 48px}}
.login-map-grid{animation:gridDrift 10s linear infinite;}

@keyframes logoRing{
  0%,100%{box-shadow:0 0 0 2px rgba(124,58,237,.2),0 0 16px rgba(124,58,237,.1),var(--sh-card)}
  50%{box-shadow:0 0 0 5px rgba(124,58,237,.38),0 0 32px rgba(124,58,237,.22),var(--sh-card)}
}
.hero-logo{animation:logoRing 2.5s ease-in-out infinite;}

/* ── GOOGLE MAPS ──────────────────────────────────────────── */
.gm-style img{max-width:none!important;max-height:none!important;box-sizing:content-box!important;}
.gm-style *{box-sizing:content-box!important;}


/* ── NAV RECENTER BUTTON ──────────────────────────────────── */
#nav-recenter-btn{display:none;position:fixed;bottom:240px;left:12px;transform:none;z-index:50;background:var(--primary);border:none;border-radius:24px;padding:10px 18px;flex-direction:row;align-items:center;gap:7px;box-shadow:0 4px 20px rgba(124,58,237,.45);font-size:13px;font-weight:700;color:#fff;cursor:pointer;font-family:var(--font);white-space:nowrap;}
/* Google Maps native "My Location" blue dot'unu gizle — sürücü sonar marker kullanıyor */
#surucu-map .gm-style-pbc,
#surucu-map img[src*="cb_explicit"]{display:none!important;}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#0F1117;--s1:#1A1D27;--s2:#22263A;--s3:#2A2F45;--bd:#2E3348;
    --t:#F1F5F9;--t2:#CBD5E1;--m:#94A3B8;
    --sh-card:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);
    --sh-card-hover:0 4px 12px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.4);
    --primary-tint:rgba(124,58,237,.18);
  }
  .dr-item{color:#F1F5F9;}
  .dr-icon{color:#CBD5E1;}
  .dr-item:active{background:rgba(255,255,255,.06);}
  /* Hardcoded beyaz arka planları override et */
  .l-card,.call-sheet,.btn-reject,.st-wrap,.toast{
    background:var(--s1)!important;
    color:var(--t)!important;
    border-color:var(--bd)!important;
  }
  #s-call .call-sheet{background:#1A1D27!important;}
  .cs-name,.csr-addr,.css-val{color:#F1F5F9!important;}
  .csr-lbl,.css-lbl,.timer-label{color:#94A3B8!important;}
  .cs-handle::after{background:#3E4462!important;}
  .timer-num{color:#F1F5F9!important;}
  .l-feat-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;}
  .map-chip{background:rgba(26,29,39,.95)!important;border-color:var(--bd)!important;backdrop-filter:none!important;color:var(--t)!important;}
  .st-lbl{color:var(--m)!important;}
  .st-lbl.active{color:var(--t)!important;}
  .fh-btn{color:var(--t)!important;}
  .profile-back{background:rgba(26,29,39,.85)!important;color:var(--t)!important;border-color:var(--bd)!important;}
  /* Drawer menü öğeleri */
  #side-drawer>div:nth-child(2){background:var(--s1)!important;}
  #side-drawer>div:last-child{background:var(--s1)!important;border-top-color:var(--bd)!important;}
  .btn-reject:hover{background:rgba(239,68,68,.12)!important;}
  /* Login form kutuları — açık mor (#F0ECFF, #F5F2FF) override */
  .sheet-tabs{background:var(--s2)!important;border-color:var(--bd)!important;}
  .sheet-tab{color:var(--m)!important;}
  .sheet-tab.active{color:#fff!important;}
  .fi-row{background:var(--s2)!important;border-color:var(--bd)!important;box-shadow:none!important;}
  .fi-row:focus-within{background:var(--s2)!important;border-color:var(--primary)!important;}
  .fi-in input{background:transparent!important;color:var(--t)!important;}
  .fi-in input::placeholder{color:var(--m)!important;}
  .fi-in input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #22263A inset!important;-webkit-text-fill-color:#F1F5F9!important;}
  /* Input alanları */
  input,textarea,select{background:var(--s2)!important;color:var(--t)!important;border-color:var(--bd)!important;}
  input::placeholder,textarea::placeholder{color:var(--m)!important;}
  /* Login ekranı */
  #s-login{background:#1A1026!important;}
  .l-feat-nm{color:var(--t)!important;}
  .l-feat-ds{color:var(--m)!important;}
  /* Panel ve sheet'ler */
  [id$="-panel"],[id$="-sheet"]{background:var(--s1)!important;}
  /* Side drawer explicit override */
  #side-drawer{background:var(--s1)!important;}
  /* Drawer içeriği inline style'lı bölümler */
  #side-drawer>div:first-child{background:linear-gradient(160deg,#2D1F6B,#1E1840)!important;}
  html{background:var(--bg)!important;}
  body{background:transparent!important;}
  .screen{background:var(--bg)!important;}
  /* Haritanın üzerindeki şeffaf ekranlar — siyaha boyama */
  #s-home,#s-call,#s-trip{background:transparent!important;}
  /* Harita container — tile yüklenene kadar koyu arka plan */
  .fmap,#persistent-map{background:#0D1117!important;}
  /* Inline style yakalayıcılar */
  [style*="background:#fff"],[style*="background: #fff"],[style*="background:#ffffff"],[style*="background:#FFFFFF"],[style*="background: #FFFFFF"],[style*="background:white"],[style*="background: white"],[style*="background:#f4f3f8"],[style*="background:#f3f4f6"],[style*="background:#F3F4F6"],[style*="background:#f5f5f5"],[style*="background:#fafafa"]{background:var(--s1)!important;}
  [style*="color:#111"],[style*="color:#111827"],[style*="color:#374151"]{color:var(--t)!important;}
  [style*="color:#6B7280"],[style*="color:#9CA3AF"]{color:var(--m)!important;}
  #bildir-btn{background:linear-gradient(175deg,#1e1b2e 0%,#1a1208 100%)!important;box-shadow:0 2px 0 #92400e,0 6px 0 rgba(146,64,14,.25),0 10px 28px rgba(249,115,22,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;}
}
/* ── Tema: Manuel dark force ─────────────────────────────────────────────── */
body[data-theme="dark"]{
  --bg:#0F1117;--s1:#1A1D27;--s2:#22263A;--s3:#2A2F45;--bd:#2E3348;
  --t:#F1F5F9;--t2:#CBD5E1;--m:#94A3B8;
  --sh-card:0 1px 3px rgba(0,0,0,.4),0 4px 16px rgba(0,0,0,.3);
  --sh-card-hover:0 4px 12px rgba(0,0,0,.5),0 8px 32px rgba(0,0,0,.4);
  --primary-tint:rgba(124,58,237,.18);
}
body[data-theme="dark"] .dr-item{color:#F1F5F9;}
body[data-theme="dark"] .dr-icon{color:#CBD5E1;}
body[data-theme="dark"] .l-card,body[data-theme="dark"] .call-sheet,body[data-theme="dark"] .btn-reject,body[data-theme="dark"] .st-wrap,body[data-theme="dark"] .toast{background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] #s-call .call-sheet{background:#1A1D27!important;}
body[data-theme="dark"] .cs-name,body[data-theme="dark"] .csr-addr,body[data-theme="dark"] .css-val{color:#F1F5F9!important;}
body[data-theme="dark"] .csr-lbl,body[data-theme="dark"] .css-lbl,body[data-theme="dark"] .timer-label{color:#94A3B8!important;}
body[data-theme="dark"] .cs-handle::after{background:#3E4462!important;}
body[data-theme="dark"] .timer-num{color:#F1F5F9!important;}
body[data-theme="dark"] .l-feat-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;}
body[data-theme="dark"] .map-chip{background:rgba(26,29,39,.95)!important;border-color:var(--bd)!important;backdrop-filter:none!important;color:var(--t)!important;}
body[data-theme="dark"] .st-lbl{color:var(--m)!important;}
body[data-theme="dark"] .st-lbl.active{color:var(--t)!important;}
body[data-theme="dark"] .fh-btn{color:var(--t)!important;}
body[data-theme="dark"] .profile-back{background:rgba(26,29,39,.85)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] #side-drawer>div:nth-child(2){background:var(--s1)!important;}
body[data-theme="dark"] #side-drawer>div:last-child{background:var(--s1)!important;border-top-color:var(--bd)!important;}
body[data-theme="dark"] .btn-reject:hover{background:rgba(239,68,68,.12)!important;}
body[data-theme="dark"] .sheet-tabs{background:var(--s2)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .sheet-tab{color:var(--m)!important;}
body[data-theme="dark"] .sheet-tab.active{color:#fff!important;}
body[data-theme="dark"] .fi-row{background:var(--s2)!important;border-color:var(--bd)!important;box-shadow:none!important;}
body[data-theme="dark"] .fi-row:focus-within{background:var(--s2)!important;border-color:var(--primary)!important;}
body[data-theme="dark"] .fi-in input{background:transparent!important;color:var(--t)!important;}
body[data-theme="dark"] .fi-in input::placeholder{color:var(--m)!important;}
body[data-theme="dark"] .fi-in input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #22263A inset!important;-webkit-text-fill-color:#F1F5F9!important;}
body[data-theme="dark"] input,body[data-theme="dark"] textarea,body[data-theme="dark"] select{background:var(--s2)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] input::placeholder,body[data-theme="dark"] textarea::placeholder{color:var(--m)!important;}
body[data-theme="dark"] #s-login{background:#1A1026!important;}
body[data-theme="dark"] .l-feat-nm{color:var(--t)!important;}
body[data-theme="dark"] .l-feat-ds{color:var(--m)!important;}
body[data-theme="dark"] [id$="-panel"],[data-theme="dark"] [id$="-sheet"]{background:var(--s1)!important;}
body[data-theme="dark"] #side-drawer{background:var(--s1)!important;}
body[data-theme="dark"] #side-drawer>div:first-child{background:linear-gradient(160deg,#2D1F6B,#1E1840)!important;}

/* ── Düzenlenen Arka Plan Katmanları (Şerit Sorunu Çözümü) ── */
html {
  background-color: #0F1117 !important; /* Tarayıcı kökünü dark temaya sabitledik */
}
html:has(body[data-theme="dark"]) {
  background-color: #0F1117 !important;
}
body[data-theme="dark"] {
  background-color: #0F1117 !important; /* transparent kaldırıldı, doğrudan renk verildi */
  min-height: 100vh !important; /* Ekranı dikeyde tam kaplaması garanti altına alındı */
  margin: 0;
}
body[data-theme="dark"] .screen {
  background-color: #0F1117 !important;
}

body[data-theme="dark"] #s-home,body[data-theme="dark"] #s-call,body[data-theme="dark"] #s-trip{background:transparent!important;}
body[data-theme="dark"] .fmap,body[data-theme="dark"] #persistent-map{background:#0D1117!important;}
body[data-theme="dark"] [style*="background:#fff"],body[data-theme="dark"] [style*="background: #fff"],body[data-theme="dark"] [style*="background:#ffffff"],body[data-theme="dark"] [style*="background:#FFFFFF"],body[data-theme="dark"] [style*="background: #FFFFFF"],body[data-theme="dark"] [style*="background:white"],body[data-theme="dark"] [style*="background: white"],body[data-theme="dark"] [style*="background:#f4f3f8"],body[data-theme="dark"] [style*="background:#f3f4f6"],body[data-theme="dark"] [style*="background:#F3F4F6"],body[data-theme="dark"] [style*="background:#f5f5f5"],body[data-theme="dark"] [style*="background:#fafafa"]{background:var(--s1)!important;}
body[data-theme="dark"] [style*="color:#111"],body[data-theme="dark"] [style*="color:#111827"],body[data-theme="dark"] [style*="color:#374151"]{color:var(--t)!important;}
body[data-theme="dark"] [style*="color:#6B7280"],body[data-theme="dark"] [style*="color:#9CA3AF"]{color:var(--m)!important;}
body[data-theme="dark"] #bildir-btn{background:linear-gradient(175deg,#1e1b2e 0%,#1a1208 100%)!important;box-shadow:0 2px 0 #92400e,0 6px 0 rgba(146,64,14,.25),0 10px 28px rgba(249,115,22,.18),inset 0 1px 0 rgba(255,255,255,.08)!important;}

/* ── Tema: Manuel light force (sistem dark iken bile) ───────────────────── */
body[data-theme="light"]{
  --bg:#F4F3F8;--s1:#FFFFFF;--s2:#F0ECFF;--s3:#EDE9FE;--bd:#E5E7EB;
  --t:#111827;--t2:#374151;--m:#6B7280;
  --sh-card:0 1px 3px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);
  --sh-card-hover:0 4px 12px rgba(0,0,0,.10),0 8px 32px rgba(0,0,0,.08);
  --primary-tint:rgba(124,58,237,.08);
}

/* ── Tema seçici buton grubu ─────────────────────────────────────────────── */
.theme-opts{display:flex;gap:8px;margin-top:2px;}
.theme-opt{flex:1;padding:10px 0;border:1.5px solid var(--bd);border-radius:12px;background:var(--s2);color:var(--m);font-size:12px;font-weight:700;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,color .15s;}
.theme-opt.sel{border-color:var(--primary);background:var(--primary-tint);color:var(--primary);}

/* PWA banner + iOS Ana Ekrana Ekle rehberi (admin ile ayni) */
.pwa-banner{position:fixed;bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 12px));left:50%;transform:translateX(-50%);background:rgba(18,18,38,.72);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%);color:#fff;padding:14px 16px;border-radius:20px;z-index:8000;display:flex;align-items:center;gap:13px;box-shadow:0 12px 44px rgba(0,0,0,.5),0 0 28px rgba(124,58,237,.4),inset 0 1px 0 rgba(255,255,255,.08);border:1.5px solid rgba(124,58,237,.55);max-width:calc(100vw - 28px);width:360px;animation:pwaBannerIn .42s cubic-bezier(.34,1.3,.5,1);}
@keyframes pwaBannerIn{from{transform:translateX(-50%) translateY(90px);opacity:0;}to{transform:translateX(-50%) translateY(0);opacity:1;}}
.pwa-banner-ic{width:42px;height:42px;flex-shrink:0;border-radius:13px;background:linear-gradient(135deg,#6d28d9,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 14px rgba(124,58,237,.5);}
.pwa-banner-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.pwa-banner-title{font-size:14.5px;font-weight:800;color:#fff;letter-spacing:.2px;}
.pwa-banner-sub{font-size:11.5px;font-weight:500;color:rgba(255,255,255,.62);line-height:1.35;}
.pwa-banner-sub b{color:#c4b5fd;font-weight:700;}
.pwa-banner-install{background:linear-gradient(135deg,#6d28d9,#7C3AED);border:none;color:#fff;border-radius:11px;padding:9px 16px;font-size:12.5px;font-weight:700;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px rgba(124,58,237,.45);}
.pwa-banner-close{background:rgba(255,255,255,.1);border:none;color:rgba(255,255,255,.7);border-radius:9px;width:28px;height:28px;font-size:13px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.a2hs-overlay{position:fixed;inset:0;z-index:9000;background:rgba(8,8,20,.62);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:24px;animation:a2hsFade .25s ease;}
@keyframes a2hsFade{from{opacity:0}to{opacity:1}}
.a2hs-card{background:rgba(22,22,44,.97);border:1.5px solid rgba(124,58,237,.5);border-radius:24px;padding:26px 22px;max-width:340px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 40px rgba(124,58,237,.35),inset 0 1px 0 rgba(255,255,255,.08);animation:a2hsPop .35s cubic-bezier(.34,1.4,.5,1);}
@keyframes a2hsPop{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}
.a2hs-card-ic{width:54px;height:54px;margin:0 auto 12px;border-radius:16px;background:linear-gradient(135deg,#6d28d9,#7C3AED);display:flex;align-items:center;justify-content:center;font-size:26px;box-shadow:0 6px 18px rgba(124,58,237,.5);}
.a2hs-card-title{font-size:18px;font-weight:800;color:#fff;margin-bottom:6px;}
.a2hs-card-desc{font-size:12.5px;color:rgba(255,255,255,.6);line-height:1.45;margin-bottom:18px;}
.a2hs-step{display:flex;align-items:center;gap:13px;text-align:left;background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.25);border-radius:14px;padding:12px 14px;margin-bottom:10px;}
.a2hs-step-ic{width:40px;height:40px;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#6d28d9,#7C3AED);display:flex;align-items:center;justify-content:center;}
.a2hs-ic-share{background:linear-gradient(135deg,#0a84ff,#007aff);box-shadow:0 4px 12px rgba(0,122,255,.45);}
.a2hs-ic-done{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.45);}
.a2hs-step-tx{font-size:12.5px;color:rgba(255,255,255,.85);line-height:1.4;}
.a2hs-step-tx b{color:#fff;font-weight:800;}
.a2hs-ok{margin-top:6px;width:100%;padding:13px;border:none;border-radius:14px;background:linear-gradient(135deg,#6d28d9,#7C3AED);color:#fff;font-size:14px;font-weight:800;cursor:pointer;font-family:inherit;box-shadow:0 6px 18px rgba(124,58,237,.45);}
.a2hs-arrow{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);font-size:40px;line-height:1;color:#7C3AED;text-shadow:0 0 16px rgba(124,58,237,.85);z-index:9001;animation:a2hsBounce 1s ease-in-out infinite;pointer-events:none;}
@keyframes a2hsBounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(12px)}}