/* SENDEGEL MÜŞTERİ — LIGHT PURPLE PROFESSIONAL THEME */
:root{
  --primary:#7C3AED;--primary-light:#8B5CF6;--primary-dark:#6D28D9;--primary-tint:#EDE9FE;
  --y:#7C3AED;--yd:#6D28D9;
  --bg:#F7F8FC;--s1:#FFFFFF;--s2:#F3F4F6;--bd:#E5E7EB;
  --t:#111827;--m:#6B7280;--muted:#9CA3AF;
  --g:#10B981;--r:#EF4444;--o:#F97316;--b:#3B82F6;
  --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-primary-hover:0 6px 28px rgba(124,58,237,.38),0 12px 52px rgba(124,58,237,.16);
  --sh-y:var(--sh-primary);--sh-y-hover:var(--sh-primary-hover);
  --sh-r:0 4px 18px rgba(239,68,68,.18);
  --radius-btn:14px;--radius-card:16px;--radius-input:13px;
  --font:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:'JetBrains Mono',monospace;
}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html{height:100%;overflow:hidden;touch-action:pan-x pan-y;}
body{background:var(--bg);color:var(--t);font-family:var(--font);height:100dvh;max-width:430px;margin:0 auto;overflow:hidden;position:relative;touch-action:pan-x pan-y;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;}
button,input,textarea,select,label{font-family:inherit;}
.fmap{touch-action:none;}
::-webkit-scrollbar{width:3px;height:3px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--primary-tint);border-radius:3px;}
.screen{display:none;height:100dvh;flex-direction:column;overflow:hidden;background:var(--bg);}
.screen.active{display:flex!important;flex-direction:column;height:100dvh;overflow:hidden;position:relative;z-index:1;}
/* Haritayı arka planda gösteren ekranlar */
#s-home,#s-fare,#s-searching,#s-tracking{background:transparent;}

/* ─── LOGIN ─────────────────────────────────────────────────────────── */
#s-login.active ~ #home-map{display:none;}
#s-login{position:relative;overflow:hidden;background:#EEE9FB;}
.l-bg-img{position:absolute;inset:0;z-index:0;background-image:url('../img/login-bg.webp');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:108px;height:108px;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;transform:scale(1.00
  );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(14px,1.6dvh);-webkit-font-smoothing:antialiased;-webkit-text-stroke:1.5px rgba(109,40,217,.5);}
.l-sub{position:relative;z-index:2;font-size:clamp(11px,1.6dvh,14px);color:#4A3A6A;line-height:1.75;font-weight:500;margin-bottom:min(10px,1.2dvh);}
.l-dots{position:relative;z-index:2;display:flex;gap:6px;align-items:center;margin-top:2px;}
.l-dot{height:4px;border-radius:3px;}
.l-dot.act{width:28px;background:linear-gradient(90deg,#6D28D9,#A78BFA);}
.l-dot:not(.act){width:16px;background:rgba(124,58,237,.3);}
.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:10px 10px;display:flex;flex-direction:row;align-items:center;gap:9px;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:36px;height:36px;border-radius:10px;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:18px;height:18px;}
.l-feat-txt{display:flex;flex-direction:column;gap:2px;min-width:0;}
.l-feat-nm{font-size:10.5px;font-weight:800;color:#1A1A2E;line-height:1.2;}
.l-feat-ds{font-size:8.5px;color:#6B7280;line-height:1.35;}
.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);}
.l-card-pad{padding:min(12px,1.4dvh) 26px max(env(safe-area-inset-bottom),28px);}
.tp{display:none;}.tp.active{display:block;}
.lc-handle{width:42px;height:4px;background:#DDD8F0;border-radius:2px;margin:0 auto 10px;}
.lc-tabs{display:flex;background:#F0ECFF;border-radius:16px;padding:5px;gap:4px;margin-bottom:12px;border:1px solid rgba(124,58,237,.1);}
.lc-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;}
.lc-tab svg{width:15px;height:15px;flex-shrink:0;}
.lc-tab.active{background:linear-gradient(135deg,#6D28D9,#7C3AED,#8B5CF6);color:#fff;box-shadow:0 4px 18px rgba(124,58,237,.35);}
.tp{display:none;}.tp.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-in input:-webkit-autofill{-webkit-box-shadow:0 0 0 50px #F0ECFF inset;-webkit-text-fill-color:#1A1A2E;}
.fi-in input::selection{background:rgba(124,58,237,.22);color:#1A1A2E;}
.fi-in input::-moz-selection{background:rgba(124,58,237,.22);color:#1A1A2E;}
.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;}
.fi-2col .fl{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#6B7280;display:block;margin-bottom:5px;font-weight:700;}
.fi-2col .fi-row{margin-bottom:0;min-height:58px;}
.l-trust{display:flex;align-items:center;padding:0 0 12px;border-bottom:1px solid #F3F0FF;margin-bottom:12px;}
.l-trust-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px;text-align:center;color:#6B7280;line-height:1.3;}
.l-trust-item svg{color:#7C3AED;width:16px;height:16px;}
.l-trust-sep{width:1px;height:28px;background:#E5E0F8;flex-shrink: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;}
#s-login .pbtn{display:flex;align-items:center;justify-content:center;gap:8px;}
#s-login .pbtn svg{width:17px;height:17px;}
.fg{margin-bottom:14px;}
.fl{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:7px;display:block;font-weight:700;}
.fi{width:100%;background:var(--s2);border:1.5px solid var(--bd);border-radius:var(--radius-input);color:var(--t);font-family:var(--font);font-size:15px;padding:14px 16px;-webkit-appearance:none;transition:border-color .2s,box-shadow .2s,background .2s;}
.fi:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px rgba(124,58,237,.09);}
.fi::placeholder{color:var(--muted);}
.fi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pbtn{width:100%;min-height:60px;padding:14px 16px;background:linear-gradient(135deg,#4F1FEA 0%,#7C3AED 50%,#A855F7 100%);border:none;border-radius:20px;color:#fff;font-weight:800;font-family:var(--font);font-size:15px;cursor:pointer;letter-spacing:.5px;transition:all .2s;box-shadow:0 12px 36px rgba(124,58,237,.32),0 4px 12px rgba(124,58,237,.2),inset 0 1px 0 rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;gap:10px;}
.pbtn:active{transform:scale(.97);background:var(--primary-dark);box-shadow:0 4px 14px rgba(124,58,237,.28);}
.pbtn:hover{box-shadow:0 18px 48px rgba(124,58,237,.38);transform:translateY(-1px);}
.fn{text-align:center;font-size:10px;color:var(--m);margin-top:10px;}

/* ─── HOME ──────────────────────────────────────────────────────────── */
#s-home{position:relative;background:transparent;pointer-events:none;}
#s-home .home-ham-btn,#s-home .hsheet-wrap,#s-home #pin-sel-overlay,#s-home #home-recenter-btn{pointer-events:auto;}
.fmap{position:fixed;inset:0;background:#dce8dc;z-index:0;}
.my-dot{width:14px;height:14px;background:var(--primary);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 8px rgba(124,58,237,.16);}
.ftbar{display:none!important;}
.home-topbar{display:none!important;}
.home-nearby-float{display:none!important;}
.home-ham-btn{position:fixed;top:max(env(safe-area-inset-top),18px);left:14px;z-index:16;width:44px;height:44px;background:#fff;border:none;border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.12),0 4px 24px rgba(0,0,0,.07);color:var(--t);-webkit-tap-highlight-color:transparent;}
.home-ham-btn:active{background:var(--s2);transform:scale(.93);}
.map-loc-btn{position:fixed;right:16px;bottom:calc(var(--sheet-h,240px) + 36px);z-index:16;width:44px;height:44px;background:#fff;border:1px solid var(--bd);border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 12px rgba(0,0,0,.12),0 4px 24px rgba(0,0,0,.07);color:var(--primary);-webkit-tap-highlight-color:transparent;}
.map-loc-btn:active{background:var(--s2);transform:scale(.93);}
#home-recenter-btn{-webkit-transform:none!important;transform:none!important;perspective:none!important;}
.hsheet-wrap{position:fixed!important;bottom:0!important;left:50%!important;transform:translateX(-50%);width:100%!important;max-width:430px!important;padding:0!important;z-index:15!important;transition:transform .3s cubic-bezier(.32,.72,0,1);background:#fff;}
.hsheet-wrap.expanded .hsheet{overflow-y:auto;max-height:82dvh;}
#hs-recents{max-height:0;overflow:hidden;transition:max-height .35s cubic-bezier(.32,.72,0,1);will-change:max-height;padding:0;}
.hsheet-wrap.expanded #hs-recents{max-height:55dvh;}
#hs-recents .sugg{width:100%;box-sizing:border-box;margin:0!important;padding:12px 16px!important;border-radius:0!important;}
#hs-recents .sugg:last-child{border-bottom:none;}
.hs-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#7C3AED 0%,#6D28D9 100%);padding:12px 18px;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 16px rgba(109,40,217,.35),0 1px 0 rgba(255,255,255,.12) inset;}
.hs-banner-txt{font-size:12px;font-weight:700;color:#fff;}
.hs-banner-btn{font-size:11px;font-weight:800;color:#fff;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.3);border-radius:8px;padding:5px 12px;cursor:pointer;font-family:var(--font);}
.hsheet{background:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:none!important;border-top:1px solid var(--bd)!important;border-radius:22px 22px 0 0!important;box-shadow:0 -8px 40px rgba(0,0,0,.18),0 -2px 8px rgba(0,0,0,.08),0 -1px 0 rgba(0,0,0,.04)!important;padding:12px 16px max(28px,env(safe-area-inset-bottom))!important;}
.hsheet-handle{width:100%;height:32px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;margin:0 0 8px;-webkit-tap-highlight-color:transparent;touch-action:none;}
.hsheet-handle::after{content:'';display:block;width:38px;height:4px;background:var(--bd);border-radius:2px;}
.hs-hi{font-size:18px!important;font-weight:800!important;color:var(--t)!important;margin-bottom:14px!important;letter-spacing:-.2px!important;display:block!important;}
.hs-title{display:none!important;}
.hs-topbar{display:none!important;}
.hs-topbar-actions{display:none!important;}
.hs-header-row{display:block!important;}
.srch-trig{background:linear-gradient(150deg,var(--s2) 0%,var(--s1) 100%)!important;border:1.5px solid var(--bd)!important;border-radius:14px!important;padding:14px 16px!important;display:flex;align-items:center;gap:10px;margin-bottom:14px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.07) inset!important;}
.srch-trig:active{border-color:var(--primary)!important;box-shadow:0 2px 8px rgba(0,0,0,.08),0 0 0 3px rgba(124,58,237,.10)!important;}
.st-txt{flex:1;font-size:14px!important;color:var(--muted)!important;font-weight:500!important;}
.hs-mic{display:none!important;}
.qt-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:9px;font-weight:700;}
.qscroll{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:3px;scrollbar-width:none;}
.qscroll::-webkit-scrollbar{display:none;}
.qchip{display:flex;align-items:center;gap:8px;background:linear-gradient(150deg,var(--s2) 0%,var(--s1) 100%)!important;border:1px solid var(--bd)!important;border-radius:12px!important;padding:10px 14px!important;white-space:nowrap;cursor:pointer;flex-shrink:0;-webkit-tap-highlight-color:transparent;transition:all .18s;box-shadow:0 3px 10px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.07) inset!important;backdrop-filter:none!important;}
.qchip-icon{padding:10px 12px!important;gap:0!important;}
.qchip:hover{border-color:var(--primary)!important;}
.qchip:active{border-color:var(--primary)!important;transform:scale(.97)!important;}
.qc-ic{font-size:18px;}
.qc-nm{font-size:12px!important;font-weight:700!important;color:var(--t)!important;}
.qc-dt{font-size:9px;color:var(--m);}
.nearby{display:flex;align-items:center;gap:7px;margin-top:11px;font-size:11px;color:var(--m);}
.nb-dot{width:7px;height:7px;border-radius:50%;background:var(--g);animation:pulse 1.5s infinite;flex-shrink:0;}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
.hm-nearby-row{display:none!important;}
.hm-nearby-pill{display:none!important;}

/* ─── BOTTOM NAV ─────────────────────────────────────────────────────── */
.bnav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-top:1px solid var(--bd);display:flex;padding:8px 0 max(24px,env(safe-area-inset-bottom));z-index:20;box-shadow:0 -4px 32px rgba(0,0,0,.10),0 -1px 0 rgba(0,0,0,.04);}
.nb{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 4px;background:none;border:none;cursor:pointer;color:var(--muted);font-family:var(--font);transition:color .15s;position:relative;}
.nb.active{color:var(--primary);}
.nb.active::after{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%);width:24px;height:2px;background:var(--primary);border-radius:0 0 3px 3px;box-shadow:0 0 8px rgba(124,58,237,.4);}
.nb-ic{font-size:20px;}
.nb-lb{font-size:9px;font-weight:700;letter-spacing:.5px;}

/* ─── DEST ──────────────────────────────────────────────────────────── */
#s-dest{background:transparent;position:relative;pointer-events:none;}
#s-dest .ph,#s-dest .dest-body{pointer-events:auto;}
.ph{margin:max(env(safe-area-inset-top,10px),10px) 14px 0;padding:10px 14px 14px;background:#fff!important;border-radius:20px!important;border:1px solid var(--bd)!important;border-bottom:1px solid var(--bd)!important;box-shadow:0 12px 40px rgba(0,0,0,.22),0 4px 12px rgba(0,0,0,.12),0 1px 0 rgba(255,255,255,.08) inset!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;flex-shrink:0;}
.ph-back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--primary)!important;font-family:var(--font);font-size:13px!important;font-weight:700!important;cursor:pointer;padding:8px 0 8px 0!important;margin-bottom:6px!important;letter-spacing:.3px;min-height:40px;}
.ph-back:active{opacity:.7;}
.rbox{background:linear-gradient(150deg,var(--s2) 0%,var(--s1) 100%);border-radius:15px;padding:4px;border:1px solid var(--bd);box-shadow:0 4px 14px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.06) inset;}
.rbox-row{display:flex;align-items:center;gap:9px;padding:12px 14px;}
.rbox-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;}
.rbox-div{height:1px;background:var(--bd);margin:0 14px;}
.rbox-inp{flex:1;background:none;border:none;color:var(--t);font-family:var(--font);font-size:13px;outline:none;font-weight:500;-webkit-appearance:none;appearance:none;}
.rbox button{-webkit-appearance:none;appearance:none;background:transparent!important;border:none!important;}
.rbox-inp:-webkit-autofill,.rbox-inp:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--s2,#f4f3f8) inset!important;-webkit-text-fill-color:var(--t)!important;}
/* Chrome autofill + input decoration gizle */
.rbox-inp::-webkit-contacts-auto-fill-button,.rbox-inp::-webkit-credentials-auto-fill-button,.rbox-inp::-webkit-strong-password-auto-fill-button{visibility:hidden;display:none!important;pointer-events:none;height:0;width:0;margin:0;}
.rbox-inp::-webkit-search-cancel-button,.rbox-inp::-webkit-search-decoration{display:none!important;}
.rbox-inp::-ms-clear,.rbox-inp::-ms-reveal{display:none!important;}

.rbox-inp::placeholder{color:var(--muted);}
.dest-body{margin:10px 14px 0;border-radius:18px;padding:14px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:20px;background:rgba(255,255,255,.95)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;box-shadow:0 4px 24px rgba(0,0,0,.10);max-height:calc(100vh - 240px);}
.sec-label{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:10px;font-weight:700;}
.sugg{display:flex;align-items:center;gap:12px;padding:12px 10px;border-bottom:1px solid var(--bd);cursor:pointer;border-radius:11px;margin:0 -10px;-webkit-tap-highlight-color:transparent;transition:background .15s;}
.sugg:hover{background:var(--s2);}
.sugg:active{background:var(--primary-tint);}
.sugg-ic{width:38px;height:38px;border-radius:11px;background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;border:1px solid var(--bd);}
.sugg-nm{font-size:13px;font-weight:700;color:var(--t);}
.sugg-ad{font-size:10px;color:var(--m);margin-top:2px;}
.sugg-dt{font-size:11px;color:var(--m);margin-left:auto;flex-shrink:0;}
#dest-list-view.sugg-over{position:absolute;left:0;right:0;bottom:0;z-index:500;background:#fff;overflow-y:auto;padding:10px 18px 24px;}
#center-sel-pin{transform:translate(-50%,-100%);transition:transform .25s cubic-bezier(.34,1.56,.64,1);}
#center-sel-pin.dragging{transform:translate(-50%,-138%) scale(1.15);}
#pin-ground-dot{transition:opacity .2s,width .2s,height .2s;}
#pin-ground-dot.visible{opacity:1 !important;width:20px !important;height:8px !important;}
.map-place-chip{background:#fff;border:1px solid var(--bd);border-radius:9px;padding:6px 11px;font-size:11px;cursor:pointer;font-weight:600;white-space:nowrap;color:var(--t);-webkit-tap-highlight-color:transparent;transition:background .15s;box-shadow:var(--sh-card);}
.map-place-chip:active{background:var(--primary-tint);border-color:var(--primary);}

/* ─── FARE ──────────────────────────────────────────────────────────── */
#s-fare{background:transparent;justify-content:flex-end;pointer-events:none;}
.fare-sheet{background:#fff;border-radius:26px 26px 0 0;border-top:1px solid var(--bd);box-shadow:0 -8px 40px rgba(0,0,0,.16),0 -2px 8px rgba(0,0,0,.08);display:flex;flex-direction:column;overflow:hidden;pointer-events:auto;transition:max-height .3s cubic-bezier(.32,.72,0,1),transform .25s cubic-bezier(.32,.72,0,1);max-height:52dvh;will-change:max-height;touch-action:none;}
.fare-sheet.expanded{max-height:90dvh;}
.fare-sheet.expanded .fare-scroll{max-height:none;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;}
.fare-sheet.expanded .fare-scroll::-webkit-scrollbar{display:none;}
.fare-scroll{max-height:34dvh;overflow-y:hidden;overscroll-behavior:contain;padding:14px 18px 8px;touch-action:none;}
.fare-cta-bar{flex-shrink:0;padding:8px 18px max(24px,env(safe-area-inset-bottom));background:#fff;box-shadow:0 -1px 0 var(--bd),0 -12px 32px rgba(0,0,0,.09);}
.fsh-handle{width:100%;height:32px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;margin:0 0 8px;-webkit-tap-highlight-color:transparent;touch-action:none;}
.fsh-handle::after{content:'';display:block;width:38px;height:3.5px;background:var(--bd);border-radius:2px;}
.rinfo{background:linear-gradient(150deg,var(--s2) 0%,var(--s1) 100%);border-radius:16px;padding:15px 16px;margin-bottom:14px;border:1px solid var(--bd);box-shadow:0 4px 18px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.07) inset,0 -1px 0 rgba(0,0,0,.05) inset;}
.ri-row{display:flex;align-items:flex-start;gap:9px;padding:3px 0;}
.ri-dot{width:9px;height:9px;border-radius:50%;margin-top:3px;flex-shrink:0;}
.ri-div{width:2px;height:14px;background:var(--bd);margin-left:3px;}
.ri-lbl{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;font-weight:700;}
.ri-val{font-size:13px;font-weight:700;color:var(--t);}
.ri-sub{font-size:10px;color:var(--m);margin-top:2px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.fare-chips{display:flex;gap:8px;margin-bottom:16px;}
.fc{flex:1;background:linear-gradient(150deg,var(--s2) 0%,var(--s1) 100%);border:1px solid var(--bd);border-radius:13px;padding:12px;text-align:center;box-shadow:0 4px 14px rgba(0,0,0,.10),0 1px 0 rgba(255,255,255,.07) inset;}
.fc-val{font-family:'Bebas Neue';font-size:20px;color:var(--t);letter-spacing:1px;}
.fc-lbl{font-size:9px;color:var(--m);text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-weight:700;}
.fare-sec{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:10px;font-weight:700;}
.vopt-list{display:flex;flex-direction:column;margin-bottom:4px;border-radius:16px;overflow:hidden;border:1px solid var(--bd);background:var(--s1);box-shadow:0 8px 28px rgba(0,0,0,.13),0 2px 6px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.06) inset;}
.vopt{display:flex;flex-direction:row;align-items:center;gap:14px;padding:13px 14px;cursor:pointer;background:transparent;border:none;border-bottom:1px solid var(--bd);transition:background .15s;-webkit-tap-highlight-color:transparent;position:relative;}
.vopt:last-child{border-bottom:none;}
.vopt.sel{background:rgba(124,58,237,.07);outline:2px solid var(--primary);outline-offset:-2px;border-radius:12px;box-shadow:inset 0 0 0 4px rgba(124,58,237,.06);}
.vopt.sel::before{display:none;}
.vopt:active{background:var(--s2);}
.vopt.vopt-disabled{opacity:.38;cursor:not-allowed;}
.vopt-soon{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.4px;color:#6B7280;background:#F3F4F6;border:1px solid #E5E7EB;border-radius:5px;padding:2px 6px;margin-left:6px;text-transform:uppercase;vertical-align:middle;}
.vopt-img{width:96px;height:64px;flex-shrink:0;border-radius:10px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:transparent;}
.vopt.sel .vopt-img{box-shadow:none;}
.vopt-car{width:100%;height:100%;object-fit:contain;}
.vopt-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;}
.vopt-nm{font-size:14px;font-weight:700;color:var(--t);display:flex;align-items:center;gap:8px;line-height:1;}
.vopt.sel .vopt-nm{color:var(--primary);}
.vopt-cap{font-size:11px;font-weight:500;color:var(--primary);}
.vopt-sub{font-size:11px;color:var(--m);font-weight:400;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.vopt-pr{display:none;}
.fo-badge{display:inline-flex;align-items:center;font-size:8px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;background:var(--primary-tint);color:var(--primary);border:1px solid rgba(124,58,237,.22);border-radius:5px;padding:2px 6px;margin-left:7px;vertical-align:middle;flex-shrink:0;}
.fo-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px;}
.fo-tag{font-size:9px;color:var(--m);background:var(--s2);border:1px solid var(--bd);border-radius:5px;padding:2px 6px;font-weight:600;}
.fo-pr-eta{font-size:9px;color:var(--m);text-align:right;margin-top:3px;font-weight:600;}
.fo-car-img{width:44px;height:28px;object-fit:contain;}
.price-ctrl-area{display:flex;align-items:center;justify-content:center;gap:20px;padding:10px 0 8px;border-bottom:1px solid var(--bd);margin-bottom:10px;}
.price-main-val{font-family:'Bebas Neue';font-size:44px;color:var(--primary);letter-spacing:2px;line-height:1;min-width:130px;text-align:center;text-shadow:0 2px 8px rgba(124,58,237,.18);}
.price-adj-btn{width:46px;height:46px;border-radius:50%;background:var(--s2);border:2px solid var(--bd);color:var(--t);font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;-webkit-tap-highlight-color:transparent;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.07);}
.price-adj-btn:active{background:var(--primary-tint);border-color:var(--primary);transform:scale(.93);}
.cbtn,#cta-call-btn{width:100%;padding:16px;background:linear-gradient(135deg,#7C3AED,#8B5CF6);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:15px;cursor:pointer;letter-spacing:.5px;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 4px 20px rgba(124,58,237,.38),0 8px 40px rgba(124,58,237,.16);}
.cbtn:active,#cta-call-btn:active{transform:scale(.97);background:var(--primary-dark);box-shadow:0 2px 10px rgba(124,58,237,.28);}
.cbtn:hover,#cta-call-btn:hover{box-shadow:0 6px 28px rgba(124,58,237,.46),0 12px 52px rgba(124,58,237,.20);transform:translateY(-1px);}

/* ─── SEARCHING ─────────────────────────────────────────────────────── */
#s-searching{background:transparent;justify-content:flex-end;pointer-events:none;}
.srch-sheet{background:var(--s1,#fff);border-radius:24px 24px 0 0;padding:0 0 max(28px,env(safe-area-inset-bottom));box-shadow:0 -10px 44px rgba(0,0,0,.22),0 -2px 8px rgba(0,0,0,.10),0 -1px 0 rgba(255,255,255,.07) inset;border-top:1px solid var(--bd);pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;}
.srch-sheet.expanded{max-height:80dvh!important;}
.srch-drag-handle{width:36px;height:4px;background:#E5E7EB;border-radius:2px;margin:12px auto 16px;cursor:grab;touch-action:none;}
.srch-header{display:flex;align-items:center;gap:14px;padding:0 18px 16px;}
.srch-title{font-size:16px;font-weight:800;color:var(--t);margin-bottom:3px;}
.srch-sub{font-size:12px;color:var(--m);line-height:1.5;}
.srch-progress-track{height:10px;background:var(--s2,#EBEBEB);margin:0 18px 18px;border-radius:99px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,.10);}
.srch-progress-bar{height:100%;width:10%;background:linear-gradient(90deg,#16a34a,#4ade80);border-radius:99px;box-shadow:0 0 8px rgba(34,197,94,.6);animation:srchprog 20s ease-in-out forwards;}
@keyframes srchprog{0%{width:4%}30%{width:45%}60%{width:68%}85%{width:82%}100%{width:92%}}
.srch-detail-section{padding:14px 18px;border-top:1px solid var(--bd);background:linear-gradient(150deg,var(--s2,#f9f9f9) 0%,var(--s1,#fff) 100%);border-radius:12px;margin:0 12px 4px;box-shadow:0 2px 10px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.06) inset;}
.srch-detail-label{font-size:11px;font-weight:700;color:var(--m);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;}
.srch-route-row{display:flex;align-items:center;gap:10px;}
.srch-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0;}
.srch-dot-pickup{background:#16a34a;}
.srch-dot-dropoff{background:#111;}
.srch-addr{font-size:13px;font-weight:600;color:var(--t);}
.srch-vline{width:1.5px;height:14px;background:#D1D5DB;margin-left:4px;border-radius:1px;}
.cancel-srch{display:block;width:calc(100% - 36px);margin:14px 18px 0;padding:12px;background:var(--s2,#fff);border:1.5px solid var(--bd);border-radius:11px;color:var(--m);font-family:var(--font);font-size:13px;cursor:pointer;font-weight:700;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,.07),0 1px 0 rgba(255,255,255,.06) inset;}
.cancel-srch:active{border-color:var(--r);color:var(--r);}

/* ─── TRACKING ──────────────────────────────────────────────────────── */
#s-tracking{background:transparent;justify-content:flex-end;pointer-events:none;}
.trk-sheet{background:#fff;border-radius:24px 24px 0 0;padding:12px 18px max(28px,env(safe-area-inset-bottom));overflow-y:hidden;max-height:210px;
  box-shadow:0 -2px 0 rgba(255,255,255,.08) inset,0 -8px 32px rgba(0,0,0,.13),0 -28px 64px rgba(0,0,0,.06);pointer-events:auto;transition:max-height .3s cubic-bezier(.4,0,.2,1);}
.trk-sheet.expanded{max-height:88dvh!important;overflow-y:auto;}

/* In-trip: minimal kart — sürücü kartı gibi */
.trk-sheet.in-trip{max-height:200px;}
.trk-sheet.in-trip .trk-section-title{display:none;}
.trk-sheet.in-trip .cancel-trip{display:none;}
.trk-sheet.in-trip .trk-payment-row{display:none;}
.trk-sheet.in-trip #trk-div-payment{display:none;}
.trk-sheet.in-trip .trk-divider:last-of-type{display:none;}
.trk-sheet.in-trip #trk-inprice-row{display:flex!important;}
.trk-inprice-row{display:flex;justify-content:flex-end;margin-top:10px;padding-top:10px;border-top:1px solid var(--bd);}
.trk-inprice{font-size:22px;font-weight:900;color:var(--primary);letter-spacing:-.5px;}
.ts-handle{width:36px;height:4px;background:#E5E7EB;border-radius:2px;margin:0 auto 14px;cursor:pointer;touch-action:none;flex-shrink:0;}

/* Floating durum butonu */
#trk-status-btn{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:12;background:#fff;border:1.5px solid var(--bd);border-radius:999px;padding:10px 20px 10px 14px;cursor:pointer;
  align-items:center;gap:8px;font-family:var(--font);font-size:14px;font-weight:700;color:var(--t);
  box-shadow:0 4px 20px rgba(0,0,0,.18);pointer-events:auto;white-space:nowrap;}
#trk-status-btn:active{opacity:.8;}

/* Sürücü satırı */
.drv-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0 14px;}
.drv-left{display:flex;align-items:center;gap:12px;}
.dc-av{width:48px;height:48px;border-radius:50%;background:var(--primary-tint);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:16px;flex-shrink:0;box-shadow:0 2px 8px rgba(0,0,0,.08);}
.drv-info{display:flex;flex-direction:column;gap:2px;}
.drv-name-line{display:flex;align-items:center;gap:6px;}
.drv-star{font-size:22px;line-height:1;}
.dc-stars{font-size:20px;font-weight:800;color:#111;}
.dc-nm{font-size:18px;font-weight:600;color:#444;}
.dc-plate{font-size:11px;color:var(--m);font-weight:600;}
.drv-right{display:flex;align-items:center;gap:8px;}
.dc-act{width:40px;height:40px;border-radius:50%;background:#F3F4F6;border:none;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;transition:background .15s;
  box-shadow:0 1px 3px rgba(0,0,0,.08);}
.dc-act:active{background:#E5E7EB;}
.acil-btn{background:#EF4444;color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;box-shadow:0 2px 8px rgba(239,68,68,.35);transition:background .15s,transform .1s;}
.acil-btn:active{background:#DC2626;transform:scale(.96);}

/* Ayraç */
.trk-divider{height:1px;background:#F3F4F6;margin:0 -18px 14px;margin-top:0;}

/* Durum kutusu */
.trk-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;}
.trk-phase-box>span{font-size:22px;flex-shrink:0;}

/* Eşleşim kodu butonu */
.pcc-share-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#16a34a;border:none;border-radius:14px;cursor:pointer;margin-bottom:14px;
  box-shadow:0 4px 16px rgba(22,163,74,.3),0 1px 3px rgba(0,0,0,.1);}
.pcc-share-btn:active{opacity:.9;}
.pcc-share-lbl{font-size:14px;font-weight:800;color:#fff;letter-spacing:.1px;}
.pcc-digits{display:flex;gap:6px;}
.pcc-digits span{width:32px;height:36px;background:rgba(0,0,0,.25);border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;}

/* Rota */
.trk-section-title{font-size:14px;font-weight:800;color:#111;margin-bottom:12px;}
.trk-route{display:flex;align-items:stretch;gap:12px;margin-bottom:14px;}
.trk-route-dots{display:flex;flex-direction:column;align-items:center;padding-top:3px;}
.trk-route-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;}
.trk-dot-pickup{background:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.15);}
.trk-dot-dropoff{background:#111;box-shadow:0 0 0 3px rgba(0,0,0,.08);}
.trk-route-line{width:2px;background:repeating-linear-gradient(to bottom,#D1D5DB 0,#D1D5DB 4px,transparent 4px,transparent 8px);flex:1;margin:3px auto;}
.trk-route-labels{display:flex;flex-direction:column;justify-content:space-between;gap:16px;flex:1;}
.trk-route-addr{font-size:13px;font-weight:600;color:#111;line-height:1.4;}

/* Ödeme */
.trk-payment-row{display:flex;align-items:center;gap:10px;padding:4px 0 14px;}
.trk-pay-icon{font-size:20px;}
.trk-pay-label{flex:1;font-size:13px;font-weight:600;color:#111;}
.trk-pay-price{font-size:20px;font-weight:900;color:#111;letter-spacing:-.3px;}

/* İptal */
.cancel-trip{width:100%;padding:14px;background:#fff;border:1.5px solid #E5E7EB;border-radius:13px;color:#374151;font-weight:700;font-family:var(--font);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s;
  box-shadow:0 1px 3px rgba(0,0,0,.05);}
.cancel-trip:active{background:#FEF2F2;border-color:rgba(239,68,68,.3);color:var(--r);}

/* ─── ARRIVED ────────────────────────────────────────────────────────── */
#s-arrived{background:radial-gradient(ellipse at 50% 25%,rgba(124,58,237,.06),transparent 55%),var(--bg);justify-content:center;align-items:center;padding:22px;}
.arr-card{width:100%;max-width:380px;background:#fff;border:1.5px solid var(--primary-tint);border-radius:24px;padding:24px 20px 28px;text-align:center;box-shadow:0 20px 60px rgba(124,58,237,.12),var(--sh-card);}
.arr-head{margin-bottom:16px;}
.arr-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,.28);}
.arr-title{font-family:'Bebas Neue';font-size:30px;color:var(--t);letter-spacing:1px;margin-bottom:3px;}
.arr-sub{font-size:12px;color:var(--m);}
.arr-price-box{background:linear-gradient(135deg,rgba(124,58,237,.08),rgba(124,58,237,.03));border:1px solid rgba(124,58,237,.15);border-radius:16px;padding:13px 16px;margin-bottom:14px;}
.arr-price-lbl{font-size:10px;font-weight:700;color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:3px;}
.arr-price-val{font-size:32px;font-weight:900;color:var(--t);font-family:'JetBrains Mono',monospace;}
.arr-rate-section{background:var(--s2,#f3f4f6);border:1px solid var(--bd,#e5e7eb);border-radius:16px;padding:16px;margin-bottom:14px;text-align:left;}
.arr-rate-who{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--bd,#e5e7eb);}
.arr-rate-av{width:44px;height:44px;border-radius:50%;background:var(--primary,#7c3aed);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:18px;flex-shrink:0;}
.arr-rate-name{font-size:14px;font-weight:800;color:var(--t,#111827);}
.arr-rate-sub{font-size:10px;color:var(--m,#6b7280);margin-top:2px;}
.arr-stars-row{display:flex;justify-content:center;gap:8px;margin-bottom:6px;}
.arr-star{font-size:38px;cursor:pointer;filter:grayscale(1);opacity:.35;transition:filter .15s,opacity .15s,transform .12s;line-height:1;}
.arr-star.on{filter:none;opacity:1;transform:scale(1.18);}
.arr-star:active{transform:scale(.88);}
.arr-star-lbl{text-align:center;font-size:12px;font-weight:700;color:var(--m,#6b7280);margin-bottom:14px;min-height:18px;}
.arr-badges{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:13px;justify-content:center;}
.arr-badge{padding:8px 14px;border-radius:22px;border:1.5px solid var(--bd,#e5e7eb);background:#fff;color:var(--t2,#374151);font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;}
.arr-badge.active{border-color:var(--primary,#7c3aed);background:rgba(124,58,237,.1);color:var(--primary,#7c3aed);}
.arr-badge.neg.active{border-color:#ef4444;background:rgba(239,68,68,.1);color:#ef4444;}
.arr-comment{width:100%;background:#fff;border:1px solid var(--bd,#e5e7eb);border-radius:12px;color:var(--t,#111827);font-family:var(--font);font-size:12px;padding:10px 13px;outline:none;resize:none;box-sizing:border-box;}
.arr-send-btn{width:100%;padding:15px;background:var(--primary,#7c3aed);border:none;border-radius:14px;color:#fff;font-weight:800;font-family:var(--font);font-size:14px;cursor:pointer;box-shadow:0 4px 20px rgba(124,58,237,.32);transition:opacity .15s;}
.arr-send-btn:active{opacity:.88;}
.ftb{background:var(--s2);border-radius:var(--radius-card);padding:20px;margin-bottom:18px;border:1px solid var(--bd);}
.ftb-lbl{font-size:9px;color:var(--m);letter-spacing:2px;text-transform:uppercase;margin-bottom:5px;font-weight:700;}
.ftb-val{font-family:'Bebas Neue';font-size:48px;color:var(--primary);letter-spacing:2px;line-height:1;}
.ftb-est{font-size:9px;color:rgba(124,58,237,.4);font-style:italic;margin-top:3px;}
.ftb-det{font-size:10px;color:var(--m);margin-top:5px;}
.rat-sec{margin-bottom:18px;}
.rat-lbl{font-size:11px;color:var(--m);margin-bottom:10px;font-weight:600;}
.stars{display:flex;justify-content:center;gap:9px;}
.star{font-size:32px;cursor:pointer;filter:grayscale(1);transform:scale(.9);transition:all .18s;}
.star.on{filter:none;transform:scale(1.12);}
.done-btn{width:100%;padding:15px;background:linear-gradient(135deg,#7C3AED,#8B5CF6);border:none;border-radius:var(--radius-btn);color:#fff;font-weight:800;font-family:var(--font);font-size:13px;cursor:pointer;letter-spacing:.5px;box-shadow:var(--sh-primary);transition:all .2s;}
.done-btn:hover{box-shadow:var(--sh-primary-hover);transform:translateY(-1px);}

/* ─── HISTORY ────────────────────────────────────────────────────────── */
#s-history{background:var(--bg);}
#s-history .bnav,#s-campaigns .bnav,#s-profile .bnav{display:none!important;}
.hist-body{flex:1;padding:18px;overflow-y:auto;padding-bottom:90px;}
.hist-sum{display:flex;background:#fff;border-bottom:1px solid var(--bd);flex-shrink:0;margin-top:10px;}
.hist-sum-item{flex:1;text-align:center;padding:18px 10px;}
.hist-sum-item:not(:last-child){border-right:1px solid var(--bd);}
.hist-sum-v{font-family:'Bebas Neue';font-size:20px;color:var(--primary);letter-spacing:1px;}
.hist-sum-l{font-size:8px;color:var(--m);text-transform:uppercase;letter-spacing:1px;font-weight:700;margin-top:2px;}
.hist-item{background:#fff;border:1px solid var(--bd);border-radius:var(--radius-card);padding:14px 16px;display:flex;align-items:center;gap:12px;margin-bottom:9px;transition:border-color .2s,box-shadow .2s;box-shadow:var(--sh-card);}
.hist-item:hover{border-color:rgba(124,58,237,.2);box-shadow:var(--sh-card-hover);}
.hi-ic{width:42px;height:42px;border-radius:12px;background:var(--primary-tint);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border:1px solid rgba(124,58,237,.12);}
.hi-route{font-size:13px;font-weight:700;color:var(--t);}
.hi-det{font-size:10px;color:var(--m);margin-top:2px;}
.hi-pr{font-size:14px;font-weight:800;color:var(--primary);}
.hi-km{font-size:10px;color:var(--m);text-align:right;}

/* ─── CAMPAIGNS ──────────────────────────────────────────────────────── */
#s-campaigns{background:var(--bg);}
.camp-body{flex:1;padding:18px;overflow-y:auto;padding-bottom:90px;}
.camp-card{background:#fff;border:1px solid var(--bd);border-radius:var(--radius-card);overflow:hidden;margin-bottom:13px;box-shadow:var(--sh-card);transition:border-color .2s,box-shadow .2s;}
.camp-card:hover{border-color:rgba(124,58,237,.2);box-shadow:var(--sh-card-hover);}
.cc-banner{height:96px;display:flex;align-items:center;justify-content:center;font-size:38px;}
.cc-body{padding:16px;}
.cc-disc{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:800;padding:6px 13px;border-radius:9px;margin-bottom:11px;letter-spacing:.2px;background:linear-gradient(135deg,#6D28D9,#7C3AED,#8B5CF6);color:#fff;box-shadow:0 3px 11px rgba(124,58,237,.30);}
.cc-disc::before{content:"🎁";font-size:12px;}
.cc-title{font-size:15.5px;font-weight:800;margin-bottom:6px;color:var(--t);line-height:1.3;letter-spacing:-.2px;}
.cc-desc{font-size:12px;color:var(--m);line-height:1.55;margin-bottom:13px;}
.cc-deadline{font-size:10px;color:var(--m);margin-bottom:12px;}
.use-btn{width:100%;padding:12px;background:linear-gradient(135deg,#7C3AED,#8B5CF6);border:none;border-radius:11px;color:#fff;font-weight:800;font-family:var(--font);font-size:12px;cursor:pointer;box-shadow:0 4px 14px rgba(124,58,237,.22);transition:all .2s;}
.use-btn:hover{box-shadow:0 6px 22px rgba(124,58,237,.32);transform:translateY(-1px);}

/* ─── PROFILE ────────────────────────────────────────────────────────── */
#s-profile{background:var(--bg);}
.p-cover{height:265px;background:linear-gradient(160deg,#7C3AED,#5B21B6);position:relative;overflow:hidden;flex-shrink:0;}
.pcov-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:30px 30px;}
.pcov-glow{position:absolute;top:40%;left:50%;transform:translateX(-50%);width:220px;height:220px;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 70%);}
.pcov-inner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px 14px;}
.pav-wrap{position:relative;cursor:pointer;}
.pav{width:78px;height:78px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--primary);font-size:26px;border:4px solid rgba(255,255,255,.4);overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 0 36px rgba(0,0,0,.2);}
.pav img{width:100%;height:100%;object-fit:cover;display:none;}
.pav-edit{position:absolute;bottom:0;right:0;width:24px;height:24px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.2);}
.p-nm{font-family:'Bebas Neue';font-size:24px;letter-spacing:1px;margin-top:9px;color:#fff!important;}
.p-since{font-size:11px;color:rgba(255,255,255,.7);}
.p-stars{font-size:13px;color:#F59E0B;margin-top:4px;}
.prof-stats{display:flex;background:#fff;border-bottom:1px solid var(--bd);padding:16px 18px;flex-shrink:0;}
.ps-item{flex:1;text-align:center;}
.ps-item:not(:last-child){border-right:1px solid var(--bd);}
.ps-val{font-family:'Bebas Neue';font-size:22px;color:var(--primary);letter-spacing:1px;line-height:1;}
.ps-lbl{font-size:8px;color:var(--m);text-transform:uppercase;letter-spacing:1.5px;font-weight:700;margin-top:3px;}
.p-body{flex:1;padding:18px;overflow-y:auto;padding-bottom:90px;}
.p-sec{margin-bottom:18px;}
.p-sec-title{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:var(--m);margin-bottom:9px;font-weight:700;}
.p-row{background:#fff;border:1px solid var(--bd);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;box-shadow:var(--sh-card);transition:border-color .2s,box-shadow .2s;}
.p-row:hover{border-color:rgba(124,58,237,.2);box-shadow:var(--sh-card-hover);}
.pr-lbl{font-size:11px;color:var(--m);}
.pr-val{font-size:12px;font-weight:700;color:var(--t);}
.p-logout{width:100%;padding:13px;background:rgba(239,68,68,.05);border:1.5px solid rgba(239,68,68,.2);border-radius:12px;color:var(--r);font-weight:700;font-family:var(--font);font-size:12px;cursor:pointer;margin-top:8px;transition:all .2s;}
.p-logout:hover{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.4);}
.psr{background:#fff;border:1px solid var(--bd);border-radius:var(--radius-card);padding:14px 16px;margin-bottom:6px;box-shadow:var(--sh-card);}

/* ─── TOAST ─────────────────────────────────────────────────────────── */
.toast{position:fixed;top:58px;left:50%;transform:translateX(-50%) translateY(-20px);background:#fff;border:1px solid var(--bd,#e5e7eb);border-radius:13px;padding:11px 20px;font-size:12px;z-index:9998;opacity:0;transition:all .3s cubic-bezier(.34,1.2,.64,1);white-space:nowrap;max-width:90%;font-weight:700;color:var(--t,#111827);box-shadow:0 8px 32px rgba(0,0,0,.12);}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0);}

/* ─── MENU DRAWER ────────────────────────────────────────────────────── */
.menu-drawer{position:fixed;top:0;right:-100%;width:100%;height:100%;background:#f4f4f8;z-index:201;transition:right .3s cubic-bezier(.22,.61,.36,1);box-shadow:-8px 0 48px rgba(0,0,0,.14);display:flex;flex-direction:column;overflow-y:auto;}
.menu-drawer.open{right:0;}
/* Profil kartı */
.md-profile-card{background:var(--primary);padding:52px 20px 22px;}
.md-profile-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;}
.md-av{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-weight:800;color:#fff;font-size:19px;flex-shrink:0;border:2px solid rgba(255,255,255,.4);}
.md-nm{font-size:18px;font-weight:800;color:#fff;margin-bottom:3px;}
.md-ph{font-size:12px;color:rgba(255,255,255,.7);font-family:var(--mono);margin-bottom:14px;}
.md-see-profile{display:inline-flex;align-items:center;gap:4px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font);font-size:12px;font-weight:700;padding:7px 15px;border-radius:20px;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .15s;}
.md-see-profile:active{background:rgba(255,255,255,.3);}
.md-close{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.25);color:#fff;cursor:pointer;padding:7px;border-radius:10px;display:flex;-webkit-tap-highlight-color:transparent;}
.md-close:active{background:rgba(255,255,255,.3);}
/* Hızlı eylemler */
.md-quick-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:16px 14px 6px;}
.md-quick{display:flex;flex-direction:column;align-items:center;gap:8px;background:#fff;border:1px solid var(--bd);border-radius:16px;padding:16px 8px 13px;cursor:pointer;font-family:var(--font);font-size:11px;font-weight:700;color:var(--t);-webkit-tap-highlight-color:transparent;transition:background .15s,transform .1s;text-align:center;}
.md-quick-ic{width:44px;height:44px;border-radius:50%;background:var(--primary-tint);display:flex;align-items:center;justify-content:center;color:var(--primary);}
.md-quick:active{background:#f0eeff;transform:scale(.95);}
/* Nav listesi */
.md-nav{flex:1;padding:6px 14px 24px;}
.md-item{width:100%;display:flex;align-items:center;gap:13px;background:#fff;border:none;color:var(--t);font-family:var(--font);font-size:14px;font-weight:600;padding:15px 14px;border-radius:14px;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:background .15s;margin-bottom:7px;}
.md-item-ic{width:38px;height:38px;border-radius:11px;background:#f0eeff;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--primary);}
.md-chev{margin-left:auto;opacity:.25;flex-shrink:0;}
.md-item:active{background:#f0eeff;}
.md-logout{background:none!important;color:var(--r)!important;}
.md-logout .md-item-ic{background:#fff0f0;color:var(--r);}
.md-divider{height:1px;background:var(--bd);margin:2px 0 9px;}

/* ─── NOTIFICATION & MSG PANELS ──────────────────────────────────────── */
.notif-panel,.cust-msg-panel{position:fixed;bottom:-100%;left:50%;transform:translateX(-50%);width:100%;max-width:430px;background:#fff;border-radius:24px 24px 0 0;border-top:1px solid var(--bd);z-index:191;transition:bottom .3s cubic-bezier(.22,.61,.36,1);box-shadow:0 -8px 40px rgba(0,0,0,.1);}
.notif-panel.open,.cust-msg-panel.open{bottom:0;}
/* Bildirim paneli üstten açılır (cust-msg-panel'den ayrı) */
.notif-panel{bottom:auto;top:-100%;left:auto;transform:none;right:14px;width:min(340px,calc(100vw - 28px));max-width:340px;border-radius:0 0 16px 16px;border-top:none;border:1px solid var(--bd);box-shadow:0 8px 32px rgba(0,0,0,.14);transition:top .3s cubic-bezier(.22,.61,.36,1);}
.notif-panel.open{top:calc(env(safe-area-inset-top,0px) + 62px);bottom:auto;}
/* ─── DESTEK PANELİ ──────────────────────────────────────────────────── */
.support-panel{position:fixed;bottom:-100%;left:0;right:0;z-index:295;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -8px 40px rgba(0,0,0,.15);display:flex;flex-direction:column;height:70vh;transition:bottom .32s cubic-bezier(.22,.61,.36,1);}
.support-panel.open{bottom:0;}
.np-handle{width:38px;height:3.5px;background:var(--bd);border-radius:2px;margin:12px auto 0;}
.np-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;}
.np-title{font-size:15px;font-weight:700;color:var(--t);}
.np-close{background:none;border:none;color:var(--m);cursor:pointer;padding:4px;display:flex;-webkit-tap-highlight-color:transparent;}
.np-list{padding:4px 14px 32px;}
.np-item{display:flex;align-items:center;gap:12px;padding:13px 6px;border-bottom:1px solid var(--bd);}
.np-item:last-child{border-bottom:none;}
.np-item-new .np-ic{position:relative;}
.np-item-new .np-ic::after{content:'';position:absolute;top:-2px;right:-2px;width:7px;height:7px;background:var(--primary);border-radius:50%;border:1.5px solid #fff;}
.np-ic{width:40px;height:40px;border-radius:12px;background:var(--s2);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;border:1px solid var(--bd);}
.np-body{flex:1;}
.np-nm{font-size:13px;font-weight:600;color:var(--t);}
.np-dt{font-size:10px;color:var(--m);margin-top:2px;}

/* ─── OVERLAY BACKDROP ───────────────────────────────────────────────── */
#overlay-bg{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:200;display:none;opacity:0;transition:opacity .25s;backdrop-filter:blur(2px);}
#overlay-bg.show{display:block;opacity:1;}

/* ─── LOCATION MARKERS ───────────────────────────────────────────────── */
.user-loc-sonar{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.user-loc-sonar::before,.user-loc-sonar::after{content:'';position:absolute;border-radius:50%;border:2px solid rgba(124,58,237,.5);animation:sonar-ring 2s ease-out infinite;}
.user-loc-sonar::before{width:40px;height:40px;animation-delay:0s;}
.user-loc-sonar::after{width:26px;height:26px;animation-delay:.7s;}
.user-loc-dot{width:14px;height:14px;background:var(--primary);border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 4px rgba(124,58,237,.2);position:relative;z-index:2;}
@keyframes sonar-ring{0%{opacity:.8;transform:scale(.6);}100%{opacity:0;transform:scale(1.8);}}

/* ─── INLINE STYLE OVERRIDES (dark colors in HTML) ───────────────────── */
/* Pickup/dropoff selection bottom cards */
#pickup-sel-ui > div:last-child > div,
#dropoff-sel-ui > div:last-child > div{background:#fff!important;border:1px solid var(--bd)!important;backdrop-filter:none!important;box-shadow:0 -4px 32px rgba(0,0,0,.1)!important;}
#pickup-sel-bubble,#dropoff-sel-bubble{background:var(--t)!important;border:none!important;color:#fff!important;}
#pickup-sel-addr,#dropoff-sel-inp,#dso-pickup-nm{color:var(--t)!important;}
#dropoff-sel-inp::placeholder{color:var(--muted)!important;}
/* Pickup code block */
#pickup-code-wrap>div{background:var(--primary-tint)!important;border:1.5px solid rgba(124,58,237,.25)!important;}
#pickup-code-value{color:var(--primary)!important;}
/* Rating buttons */
.rating-opt{border:1.5px solid var(--bd)!important;background:#fff!important;color:var(--t)!important;font-family:var(--font)!important;}
.rating-opt.sel{border-color:var(--primary)!important;background:var(--primary-tint)!important;color:var(--primary)!important;}
/* Complaint options */
.comp-opt{border:1px solid var(--bd)!important;background:#fff!important;color:var(--t)!important;font-family:var(--font)!important;}
.comp-opt.sel{border-color:var(--r)!important;background:rgba(239,68,68,.06)!important;color:var(--r)!important;}
/* Comment textarea */
#trip-comment{background:var(--s2)!important;border:1px solid var(--bd)!important;color:var(--t)!important;font-family:var(--font)!important;}
/* Dest map controls */
#confirm-map-loc{background:var(--primary)!important;color:#fff!important;border:none!important;}
/* Dropoff quick chips */
.dropoff-quick-chip,#dropoff-quick-chips .map-place-chip{background:#fff!important;border:1px solid var(--bd)!important;color:var(--t)!important;}
/* Pickup change button */
#pickup-change-btn{background:#fff!important;border:1.5px solid var(--primary)!important;color:var(--primary)!important;}
/* Confirm/cancel buttons in overlays */
#confirm-pickup-sel-btn:not([disabled]),#confirm-dropoff-btn:not([disabled]){background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;cursor:pointer!important;opacity:1!important;}
#confirm-pickup-sel-btn[disabled],#confirm-dropoff-btn[disabled]{background:var(--s2)!important;border-color:var(--bd)!important;color:var(--m)!important;}
/* Dropoff cancel buttons */
#dropoff-sel-ui button[onclick*="cancelDropoff"],#pickup-sel-ui button[onclick*="cancelPickup"]{background:var(--s2)!important;border:1.5px solid var(--bd)!important;color:var(--t)!important;}
/* Picker change button */
button[onclick="backToPickupMode"]{color:var(--primary)!important;border-color:rgba(124,58,237,.3)!important;}
/* Fare back button */
.fare-map .ph-back{background:#fff!important;padding:7px 12px!important;border-radius:9px!important;border:1px solid var(--bd)!important;color:var(--t)!important;}
/* Arrived rating section override */
#s-arrived [style*="background:var(--s2)"]{background:var(--s2)!important;border:1px solid var(--bd)!important;}
/* Dropoff sugg items */
#dropoff-sugg-list .sugg{padding:10px 14px;margin:0;}
/* Dest ekranı sugg items — tam genişlik */
#dest-list-view.dest-body{padding-left:0!important;padding-right:0!important;}
#sugg-list{width:100%;display:block;}
#sugg-list .sugg{width:100%;box-sizing:border-box;margin:0!important;padding:12px 16px!important;border-radius:0!important;}
#sugg-list .sugg:last-child{border-bottom:none;}
#sugg-list .sec-label{padding-left:16px;padding-right:16px;}
/* Tracking bottom — trip active */
#trip-active{color:var(--t)!important;}
#trip-eta{font-size:12px!important;color:var(--m)!important;}
/* Arrived driver avatar override */
#s-arrived [style*="background:var(--y)"]{background:var(--primary-tint)!important;color:var(--primary)!important;}
/* Google Maps native "My Location" blue dot'unu gizle — bizim sonar marker'ımız var */
#musteri-home-map .gm-style-pbc,
#musteri-home-map img[src*="cb_explicit"]{display:none!important;}
@media(prefers-color-scheme:dark){
  :root{
    --bg:#0F1117;--s1:#1A1D27;--s2:#22263A;--bd:#2E3348;
    --t:#F1F5F9;--m:#94A3B8;--muted:#64748B;
    --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);
  }
  /* Hardcoded beyaz arka planları override et */
  .l-card,.hsheet,.hsheet-wrap,.fare-sheet,.fare-cta-bar,.srch-sheet,
  .trk-sheet,.bnav,.ph,.dest-body,.vopt-list,.arr-card,.hist-sum,
  .hist-item,.camp-card,.p-row,.prof-stats,.cancel-srch,.cancel-trip,
  .arr-badge,.arr-comment,.map-place-chip,.home-ham-btn,.map-loc-btn,
  #dest-list-view.sugg-over,.trk-sheet,.l-feat-card,.toast{
    background:var(--s1)!important;
    color:var(--t)!important;
    border-color:var(--bd)!important;
  }
  .dest-body{background:rgba(26,29,39,.97)!important;}
  .l-feat-card{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.1)!important;}
  .home-ham-btn,.map-loc-btn{box-shadow:0 2px 12px rgba(0,0,0,.4)!important;}
  /* Drawer arka planı ve menu elemanları */
  .menu-drawer{background:var(--s2)!important;}
  .md-item-ic{background:rgba(124,58,237,.2)!important;}
  .md-logout .md-item-ic{background:rgba(239,68,68,.15)!important;}
  /* Eksik beyaz elemanlar */
  .psr,.md-quick,.md-item,.notif-panel,.cust-msg-panel,.support-panel,#trk-status-btn{
    background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;
  }
  .rating-opt,.comp-opt,.dropoff-quick-chip{background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;}
  #dropoff-sel-ui>div:last-child>div{background:var(--s1)!important;border-color:var(--bd)!important;}
  .dc-act{background:var(--s2)!important;}
  .dc-stars,.dc-nm{color:var(--t)!important;}
  .dc-plate{color:var(--m)!important;}
  .vopt-soon{background:var(--s2)!important;border-color:var(--bd)!important;color:var(--m)!important;}
  .trk-divider{background:var(--bd)!important;}
  .trk-section-title,.trk-route-addr,.trk-pay-label,.trk-pay-price,.trk-dot-dropoff{color:var(--t)!important;}
  .trk-dot-dropoff{background:var(--t)!important;box-shadow:none!important;}
  .trk-route-line{background:repeating-linear-gradient(to bottom,var(--bd) 0,var(--bd) 4px,transparent 4px,transparent 8px)!important;}
  /* Geri butonları */
  .fare-map .ph-back{background:rgba(26,29,39,.9)!important;color:var(--t)!important;border-color:var(--bd)!important;}
  /* Hamburger SVG çizgileri currentColor kullanıyor, explicit color garantisi */
  .home-ham-btn{color:var(--t)!important;}
  /* Recenter butonu */
  #home-recenter-btn{background:var(--s1)!important;}
  /* Login form kutuları — açık mor (#F0ECFF, #F5F2FF) override */
  .lc-tabs{background:var(--s2)!important;border-color:var(--bd)!important;}
  .lc-tab{color:var(--m)!important;}
  .lc-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{color:var(--t)!important;}
  .fi-in input::placeholder{color:var(--muted)!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;}
  /* Inline style'lı paneller — id bazlı override */
  #live-support-panel,#ayarlar-detail-panel,[id$="-panel"]{background:var(--s1)!important;}
  /* Genel beyaz bg yakalayıcı */
  .screen{background:var(--bg)!important;}
  /* body koyu bg haritayı kaplar (max-width:430px merkez alanı) — transparent yap */
  /* Non-map screen'ler kendi background'larını taşıyor, body'e gerek yok */
  body{background:transparent!important;}
  /* Haritanın üzerindeki şeffaf ekranlar */
  #s-home,#s-dest,#s-fare,#s-searching,#s-tracking{background:transparent!important;}
  /* Harita container — tile yüklenene kadar koyu arka plan */
  .fmap,#home-map{background:#0D1117!important;}
  /* Inline style beyaz background 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"],[style*="background:#f4f4f8"],[style*="background:#f9fafb"],[style*="background:#F9FAFB"]{background:var(--s1)!important;}
  /* Settings panel ikon tint'leri */
  [style*="background:#f0fdf4"],[style*="background:#f0f9ff"],[style*="background:#fffbeb"],[style*="background:#eff6ff"],[style*="background:#fdf4ff"],[style*="background:#fff7ed"],[style*="background:#fef2f2"],[style*="background:#f0eeff"],[style*="background:#F0ECFF"]{background:var(--s2)!important;}
  /* Kenarlık renkleri */
  [style*="border-bottom:1px solid #f3f4f6"],[style*="border-top:1px solid #f3f4f6"]{border-color:var(--bd)!important;}
  [style*="border-bottom:1px solid #f9fafb"],[style*="border-top:1px solid #f9fafb"],[style*="border:1px solid #f9fafb"]{border-color:var(--bd)!important;}
  /* Yazı renkleri */
  [style*="color:#111"],[style*="color:#111827"],[style*="color:#374151"]{color:var(--t)!important;}
  [style*="color:#6B7280"],[style*="color:#9CA3AF"],[style*="color:#6b7280"],[style*="color:#9ca3af"]{color:var(--m)!important;}
  /* Ayarlar panel SVG ikon stroke renkleri (hardcoded attr) */
  #ayarlar-panel svg[stroke="#374151"],#ayarlar-detail-panel svg[stroke="#374151"]{stroke:var(--t)!important;}
  #ayarlar-panel svg[stroke="#9ca3af"],#ayarlar-detail-panel svg[stroke="#9ca3af"]{stroke:var(--m)!important;}
  /* Ayarlar detail panel bg */
  #ayarlar-detail-panel{background:var(--s1)!important;color:var(--t)!important;}
}

/* ── 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,#E5E7EB);border-radius:12px;background:var(--s2,#F0ECFF);color:var(--m,#6B7280);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,#7C3AED);background:var(--primary-tint,rgba(124,58,237,.08));color:var(--primary,#7C3AED);}

/* ── Tema: Manuel dark force ─────────────────────────────────────────────── */
body[data-theme="dark"]{
  --bg:#0F1117;--s1:#1A1D27;--s2:#22263A;--bd:#2E3348;
  --t:#F1F5F9;--m:#94A3B8;--muted:#64748B;
  --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"] .l-card,body[data-theme="dark"] .hsheet,body[data-theme="dark"] .hsheet-wrap,body[data-theme="dark"] .fare-sheet,body[data-theme="dark"] .fare-cta-bar,body[data-theme="dark"] .srch-sheet,body[data-theme="dark"] .trk-sheet,body[data-theme="dark"] .bnav,body[data-theme="dark"] .ph,body[data-theme="dark"] .dest-body,body[data-theme="dark"] .vopt-list,body[data-theme="dark"] .arr-card,body[data-theme="dark"] .hist-sum,body[data-theme="dark"] .hist-item,body[data-theme="dark"] .cancel-srch,body[data-theme="dark"] .cancel-trip,body[data-theme="dark"] .arr-badge,body[data-theme="dark"] .arr-comment,body[data-theme="dark"] .map-place-chip,body[data-theme="dark"] .home-ham-btn,body[data-theme="dark"] .map-loc-btn,body[data-theme="dark"] .toast{background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .dest-body{background:rgba(26,29,39,.97)!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"] .home-ham-btn,body[data-theme="dark"] .map-loc-btn{box-shadow:0 2px 12px rgba(0,0,0,.4)!important;}
body[data-theme="dark"] .menu-drawer{background:var(--s2)!important;}
body[data-theme="dark"] .md-item-ic{background:rgba(124,58,237,.2)!important;}
body[data-theme="dark"] .md-logout .md-item-ic{background:rgba(239,68,68,.15)!important;}
body[data-theme="dark"] .psr,body[data-theme="dark"] .md-quick,body[data-theme="dark"] .md-item,body[data-theme="dark"] .notif-panel,body[data-theme="dark"] .cust-msg-panel,body[data-theme="dark"] .support-panel,body[data-theme="dark"] #trk-status-btn{background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .rating-opt,body[data-theme="dark"] .comp-opt,body[data-theme="dark"] .dropoff-quick-chip{background:var(--s1)!important;color:var(--t)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .lc-tabs{background:var(--s2)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .lc-tab{color:var(--m)!important;}
body[data-theme="dark"] .lc-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{color:var(--t)!important;}
body[data-theme="dark"] .fi-in input::placeholder{color:var(--muted)!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"] #live-support-panel,body[data-theme="dark"] #ayarlar-detail-panel,body[data-theme="dark"] [id$="-panel"]{background:var(--s1)!important;}
body[data-theme="dark"] .screen{background:var(--bg)!important;}
body[data-theme="dark"]{background:transparent!important;}
body[data-theme="dark"] #s-home,body[data-theme="dark"] #s-dest,body[data-theme="dark"] #s-fare,body[data-theme="dark"] #s-searching,body[data-theme="dark"] #s-tracking{background:transparent!important;}
body[data-theme="dark"] .fmap,body[data-theme="dark"] #home-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"],body[data-theme="dark"] [style*="background:#f4f4f8"],body[data-theme="dark"] [style*="background:#f9fafb"],body[data-theme="dark"] [style*="background:#F9FAFB"]{background:var(--s1)!important;}
body[data-theme="dark"] [style*="background:#f0fdf4"],body[data-theme="dark"] [style*="background:#f0f9ff"],body[data-theme="dark"] [style*="background:#fffbeb"],body[data-theme="dark"] [style*="background:#eff6ff"],body[data-theme="dark"] [style*="background:#fdf4ff"],body[data-theme="dark"] [style*="background:#fff7ed"],body[data-theme="dark"] [style*="background:#fef2f2"],body[data-theme="dark"] [style*="background:#f0eeff"],body[data-theme="dark"] [style*="background:#F0ECFF"]{background:var(--s2)!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"],body[data-theme="dark"] [style*="color:#6b7280"],body[data-theme="dark"] [style*="color:#9ca3af"]{color:var(--m)!important;}
body[data-theme="dark"] #ayarlar-panel svg[stroke="#374151"],body[data-theme="dark"] #ayarlar-detail-panel svg[stroke="#374151"]{stroke:var(--t)!important;}
body[data-theme="dark"] #ayarlar-panel svg[stroke="#9ca3af"],body[data-theme="dark"] #ayarlar-detail-panel svg[stroke="#9ca3af"]{stroke:var(--m)!important;}
body[data-theme="dark"] #ayarlar-detail-panel{background:var(--s1)!important;color:var(--t)!important;}
/* Ayarlar panel item divider çizgileri — hardcoded #f3f4f6 border-bottom */
body[data-theme="dark"] #ayarlar-panel button{border-bottom-color:rgba(255,255,255,.06)!important;}
body[data-theme="dark"] #ayarlar-panel [style*="border-bottom"]{border-bottom-color:rgba(255,255,255,.06)!important;}
body[data-theme="dark"] [style*="border-bottom:1px solid #f3f4f6"]{border-bottom-color:rgba(255,255,255,.06)!important;}
body[data-theme="dark"] [style*="border-top:1px solid #F3F0FF"],[data-theme="dark"] [style*="border-top:1px solid #f3f4f6"]{border-top-color:rgba(255,255,255,.06)!important;}
/* Koyu arka plan rengi olan ve dark'ta görünmesi gereken kutucuklar */
body[data-theme="dark"] #ayarlar-panel [style*="background:rgba(0,0,0,.07)"]{background:rgba(255,255,255,.08)!important;}
body[data-theme="dark"] #ayarlar-panel [style*="background:rgba(0,0,0,.15)"]{background:rgba(255,255,255,.1)!important;}
/* Destek paneli (dark): kartlar panelden ayrışsın, açıklama metni okunur olsun */
body[data-theme="dark"] .destek-panel{background:var(--s1)!important;}
body[data-theme="dark"] .destek-panel button[style*="background:#fff"]{background:var(--s2)!important;border-color:var(--bd)!important;}
body[data-theme="dark"] .destek-panel [style*="color:#888"]{color:var(--m)!important;}

/* ── Tema: Manuel light force ────────────────────────────────────────────── */
body[data-theme="light"]{
  --bg:#F4F3F8;--s1:#FFFFFF;--s2:#F0ECFF;--bd:#E5E7EB;
  --t:#111827;--m:#6B7280;--muted:#9CA3AF;
  --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);
}

/* 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)}}