:root{
  --bg:#0a1220; --bg-2:#0f1b2e; --card:#131f33; --card-2:#182740; --border:#22314d;
  --border-2:#2c3e5e; --text:#e6edf3; --muted:#8496b4; --muted-2:#5f7290;
  --green:#25D366; --green-d:#1eb85a; --accent:#3d8bfd; --amber:#f0883e; --red:#f85149;
  --purple:#a371f7;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Plus Jakarta Sans',system-ui,-apple-system,sans-serif;background:radial-gradient(1200px 600px at 50% -200px,#12203a 0%,var(--bg) 60%);color:var(--text);min-height:100vh;}
a{color:inherit;text-decoration:none;}
.wrap{max-width:840px;margin:0 auto;padding:0 14px 60px;}

/* ── qugo.tr üst şeridi ── */
.qugobar{background:#08101d;border-bottom:1px solid var(--border);}
.qugobar-in{max-width:840px;margin:0 auto;padding:7px 14px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem;color:var(--muted);}
.qugo-note{display:flex;align-items:center;gap:7px;}
.qugo-note img{width:18px;height:18px;border-radius:5px;}
.qugo-note a{color:var(--green);font-weight:700;}
.qugo-note a:hover{text-decoration:underline;}

/* Ekranda gizli ama SEO/erişilebilirlik için DOM'da kalan başlık */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ── Topbar ── */
.topbar{position:sticky;top:0;z-index:50;background:rgba(10,18,32,.82);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);}
.topbar-in{max-width:840px;margin:0 auto;padding:10px 14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:1.05rem;letter-spacing:.3px;}
.brand img{width:30px;height:30px;border-radius:8px;}
.brand small{display:block;font-size:.6rem;font-weight:600;color:var(--muted);letter-spacing:.5px;}
.tabs{margin-left:auto;display:flex;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:4px;}
.tab{padding:7px 14px;border-radius:9px;font-size:.82rem;font-weight:700;color:var(--muted);display:flex;align-items:center;gap:7px;transition:.15s;white-space:nowrap;}
.tab.active{background:var(--green);color:#052012;}
.tab:not(.active):hover{color:var(--text);background:var(--card-2);}
/* Hesap çipi */
#acct{flex-shrink:0;}
.acct-chip{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:7px 12px;font-size:.82rem;font-weight:700;color:var(--text);cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px;transition:.15s;}
.acct-chip:hover{border-color:var(--green);}
.acct-chip.login{color:var(--green);border-color:rgba(37,211,102,.4);}
.acct-chip .acct-name{color:var(--muted);font-weight:600;display:inline-flex;align-items:center;gap:4px;}
/* Mobil topbar: marka + Giriş üstte, sekmeler tam genişlik alt satırda */
@media(max-width:560px){
  .topbar-in{gap:8px;padding:9px 12px;}
  .brand{order:1;font-size:.98rem;}
  .brand small{display:none;}
  #acct{order:2;margin-left:auto;}
  .tabs{order:3;flex-basis:100%;width:100%;margin-left:0;}
  .tabs .tab{flex:1;justify-content:center;padding:9px 8px;}
  .acct-chip .acct-name{display:none;}
  .acct-chip{padding:8px 12px;}
  .menu-btn{order:1;}
}
/* ── Menü butonu + menü/iletişim + ziyaretçi çubuğu ── */
.menu-btn{background:var(--card);border:1px solid var(--border);border-radius:11px;width:40px;height:38px;color:var(--text);cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s;font-family:inherit;}
.menu-btn:hover{border-color:var(--green);color:var(--green);}
.menu-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:10px;color:var(--text);font-weight:700;font-size:.92rem;transition:.15s;}
.menu-item i{width:20px;text-align:center;color:var(--muted);}
.menu-item:hover{background:var(--card);}
.menu-item.hl{color:var(--amber);} .menu-item.hl i{color:var(--amber);}
.contact-line{display:flex;align-items:center;gap:10px;padding:10px 2px;font-size:.9rem;border-bottom:1px solid var(--border);}
.contact-line i{width:18px;text-align:center;color:var(--green);}
.contact-line a{color:var(--green);}
.visitbar{text-align:center;color:var(--muted);font-size:.74rem;margin-top:10px;line-height:1.7;}
.visitbar b{color:var(--text);}
.visitbar .von{color:var(--green);} .visitbar .von i{font-size:.5rem;vertical-align:middle;animation:vpulse 2s infinite;}
@keyframes vpulse{0%,100%{opacity:1}50%{opacity:.35}}
/* Hesap bakiye kutusu */
.acct-balance{background:linear-gradient(135deg,rgba(240,136,62,.14),rgba(37,211,102,.08));border:1px solid var(--border-2);border-radius:14px;padding:18px;text-align:center;}
.acct-balance .ab-num{font-size:2.2rem;font-weight:800;color:var(--amber);line-height:1;}
.acct-balance .ab-lbl{font-size:.78rem;color:var(--muted);margin-top:6px;}

/* ── Günlük sayaç şeridi (açılır-kapanır, varsayılan gizli) ── */
.daybar-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:11px 15px;margin:16px 0 0;font-size:.84rem;font-weight:700;color:var(--muted);user-select:none;transition:.15s;}
.daybar-toggle:hover{border-color:var(--border-2);color:var(--text);}
.daybar-toggle .chev{transition:transform .22s;}
.daybar-toggle.open{color:var(--text);}
.daybar-toggle.open .chev{transform:rotate(180deg);}
.daybar{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 4px;}
.daybar.collapsed{display:none;}
.daypill{flex:1;min-width:150px;background:linear-gradient(135deg,var(--card),var(--bg-2));border:1px solid var(--border);border-radius:14px;padding:12px 16px;display:flex;align-items:center;gap:12px;}
.daypill .ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:1.05rem;flex-shrink:0;}
.daypill.yuk .ico{background:rgba(240,136,62,.15);color:var(--amber);}
.daypill.bos .ico{background:rgba(37,211,102,.14);color:var(--green);}
.daypill .num{font-size:1.35rem;font-weight:800;line-height:1;}
.daypill .lbl{font-size:.72rem;color:var(--muted);margin-top:3px;}

/* ── Paylaş çubuğu (üst) — Facebook tarzı kompakt "kutucuk" ── */
.sharebar{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px 10px;margin:12px 0;cursor:pointer;transition:.15s;}
.sharebar:hover{border-color:var(--green);}
.sharebar .av{width:34px;height:34px;border-radius:50%;background:#0d1626;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.95rem;}
.sharebar .av img{width:22px;height:22px;border-radius:50%;object-fit:cover;}
.sharebar .ph{flex:1;color:var(--muted);font-size:.9rem;background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:8px 14px;line-height:1.1;}
.sharebar .go{width:34px;height:34px;border-radius:50%;background:var(--green);color:#052012;display:flex;align-items:center;justify-content:center;font-size:.95rem;flex-shrink:0;}
/* Hesap çipi avatarı */
.acct-av{width:20px;height:20px;border-radius:50%;object-fit:cover;vertical-align:middle;}

/* ── Arama kutusu ── */
.searchbox{background:var(--card);border:1.5px solid var(--green);border-radius:16px;padding:12px;margin-bottom:8px;box-shadow:0 0 0 3px rgba(37,211,102,.08);}
.srow{display:flex;gap:9px;align-items:stretch;flex-wrap:wrap;}
.srow .fld{flex:1;min-width:130px;position:relative;}
.srow input,.srow select{width:100%;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:12px 14px;font-family:inherit;font-size:.92rem;color:var(--text);}
.srow input:focus,.srow select:focus{outline:none;border-color:var(--green);}
.srow input::placeholder{color:var(--muted-2,#5f7290);}
.truckbtn{width:52px;background:var(--green);border:none;border-radius:11px;color:#052012;font-size:1.15rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.15s;}
.truckbtn:hover{background:var(--green-d);}
@media(max-width:640px){.truckbtn{display:none;}}
.srow2{display:flex;gap:8px;margin-top:9px;flex-wrap:wrap;align-items:center;}
.srow2 select{flex:1;min-width:140px;background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:10px 12px;font-family:inherit;font-size:.85rem;color:var(--text);}
.btn{border:none;border-radius:11px;padding:10px 15px;font-size:.85rem;font-weight:700;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:7px;transition:.15s;}
.btn-wa{background:var(--green);color:#052012;}
.btn-wa:hover{background:var(--green-d);}
.btn-ghost{background:var(--card-2);color:var(--muted);border:1px solid var(--border);}
.btn-ghost:hover{color:var(--text);border-color:var(--border-2);}
.btn-x{background:rgba(248,81,73,.12);border:1px solid rgba(248,81,73,.4);color:var(--red);}
.btn-x:hover{background:var(--red);color:#fff;}

/* ── Sonuç başlığı ── */
.rhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:16px 2px 12px;flex-wrap:wrap;}
.rhead .cnt{font-size:.82rem;color:var(--muted);}
.rhead .cnt b{color:var(--text);}

/* ── Kartlar ── */
.cards{display:grid;grid-template-columns:1fr;gap:10px;}
@media(min-width:640px){.cards{grid-template-columns:1fr 1fr;}}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px;transition:.15s;}
.card:hover{border-color:var(--border-2);}
.route{display:flex;align-items:center;gap:9px;font-size:1.02rem;font-weight:800;flex-wrap:wrap;}
.route .arrow{color:var(--green);font-size:.85rem;}
.route .to{color:var(--text);}
.subroute{font-size:.74rem;color:var(--muted);margin-top:-4px;}
.badges{display:flex;flex-wrap:wrap;gap:5px;}
.badge{font-size:.7rem;font-weight:700;padding:2px 9px;border-radius:20px;border:1px solid;}
.b-veh{color:var(--amber);border-color:rgba(240,136,62,.4);background:rgba(240,136,62,.08);}
.b-cargo{color:var(--green);border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.08);}
.b-ton{color:var(--accent);border-color:rgba(61,139,253,.4);background:rgba(61,139,253,.08);}
.b-pay{color:var(--purple);border-color:rgba(163,113,247,.4);background:rgba(163,113,247,.08);}
.b-src{color:var(--muted);border-color:var(--border);background:var(--bg-2);}
.b-mine{color:var(--green);border-color:var(--green);background:rgba(37,211,102,.12);}
.b-komisyon{color:#f0883e;border-color:rgba(240,136,62,.5);background:rgba(240,136,62,.12);}
.b-sahibi{color:var(--green);border-color:rgba(37,211,102,.4);background:rgba(37,211,102,.08);}
/* Yük paylaş: yük sahibi / komisyoncu seçimi */
.ownerseg{display:flex;gap:8px;margin:2px 0 6px;}
.ownerbtn{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:10px;border-radius:10px;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;}
.ownerbtn.on{border-color:var(--green);color:var(--green);background:rgba(37,211,102,.08);}
.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--border);padding-top:9px;margin-top:auto;flex-wrap:wrap;}
.grp{font-size:.72rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:170px;}
.tstamp{font-size:.7rem;color:var(--muted);}
.phone-actions{display:flex;gap:6px;align-items:center;}
.phone-num{font-size:.82rem;font-weight:700;color:var(--text);}
.ic-btn{background:var(--bg-2);border:1px solid var(--border);border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;transition:.15s;}
.ic-btn:hover{color:var(--text);border-color:var(--border-2);}
.ic-wa{color:var(--green);}.ic-wa:hover{border-color:var(--green);background:rgba(37,211,102,.1);}
.ic-call{color:var(--accent,#3d8bfd);}.ic-call:hover{border-color:var(--accent,#3d8bfd);background:rgba(61,139,253,.1);}
a.ic-btn{text-decoration:none;}
/* Kilitli WhatsApp/Ara ikonları: kilit iması için kesikli çerçeve */
.ic-btn.lockic{border-style:dashed;}
/* ── Kilitli telefon (qugoakçe) ── */
.lockbtn{display:inline-flex;align-items:center;gap:7px;background:rgba(240,136,62,.1);border:1px solid rgba(240,136,62,.4);color:var(--amber);border-radius:9px;padding:7px 12px;font-size:.76rem;font-weight:700;cursor:pointer;transition:.15s;line-height:1;font-family:inherit;}
.lockbtn:hover{background:var(--amber);color:#2a1400;border-color:var(--amber);}
.lockbtn i{font-size:.78rem;}

/* ── Bölüm başlığı ── */
.h1{font-size:1.35rem;font-weight:800;margin:16px 2px 4px;line-height:1.25;}
.lead{font-size:.86rem;color:var(--muted);margin:0 2px 4px;line-height:1.55;}

/* ── SEO içerik bölümü ── */
.seo{margin-top:34px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px 20px;}
.seo h2{font-size:1.05rem;font-weight:800;margin:18px 0 8px;color:var(--text);}
.seo h2:first-child{margin-top:0;}
.seo h3{font-size:.92rem;font-weight:700;margin:14px 0 6px;color:var(--text);}
.seo p{font-size:.86rem;color:var(--muted);line-height:1.7;margin-bottom:10px;}
.seo ul{margin:0 0 10px 18px;}
.seo li{font-size:.85rem;color:var(--muted);line-height:1.7;}
.seo b{color:var(--text);}
.seo a{color:var(--green);font-weight:600;}
.chipline{display:flex;flex-wrap:wrap;gap:7px;margin:6px 0 14px;}
.chipline a{background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:5px 13px;font-size:.78rem;color:var(--muted);font-weight:600;}
.chipline a:hover{border-color:var(--green);color:var(--green);}

/* ── Pager ── */
.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:22px;}
.pager button{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:9px 16px;color:var(--text);font-family:inherit;font-size:.82rem;cursor:pointer;}
.pager button:disabled{opacity:.35;cursor:not-allowed;}
.pager .pinfo{font-size:.8rem;color:var(--muted);}
.empty{padding:46px 20px;text-align:center;color:var(--muted);grid-column:1/-1;}
.empty i{font-size:2rem;opacity:.3;display:block;margin-bottom:10px;}

/* ── Toast ── */
.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:var(--card-2);border:1px solid var(--green);color:var(--text);padding:10px 18px;border-radius:11px;font-size:.85rem;opacity:0;pointer-events:none;transition:.25s;z-index:900;}
.toast.show{opacity:1;}

/* ── Modal ── */
.modal{position:fixed;inset:0;background:rgba(3,8,16,.72);z-index:800;display:none;align-items:flex-start;justify-content:center;padding:36px 14px;overflow-y:auto;}
.modal.open{display:flex;}
.modal-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:18px;width:100%;max-width:480px;box-shadow:0 24px 70px rgba(0,0,0,.6);}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}
.modal-head h3{font-size:1.02rem;font-weight:800;display:flex;align-items:center;gap:9px;}
.modal-head .x{background:none;border:none;color:var(--muted);font-size:1.6rem;line-height:1;cursor:pointer;}
.modal-body{padding:18px 20px;}
.mlabel{font-size:.78rem;font-weight:600;color:var(--muted);margin:12px 0 6px;display:block;}
.mlabel:first-child{margin-top:0;}
.minput{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:11px 13px;font-family:inherit;font-size:.9rem;color:var(--text);}
.minput:focus{outline:none;border-color:var(--green);}
.mrow{display:flex;gap:8px;}
.mrow>*{flex:1;}
.minfo{font-size:.82rem;color:var(--text);line-height:1.6;background:rgba(37,211,102,.08);border:1px solid rgba(37,211,102,.25);border-radius:11px;padding:11px 13px;margin-bottom:14px;}
.minfo.amber{background:rgba(240,136,62,.08);border-color:rgba(240,136,62,.3);}
.mstatus{font-size:.82rem;margin-top:10px;min-height:18px;}
.mbtn-full{width:100%;justify-content:center;margin-top:16px;padding:12px;}
.contact-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;margin-top:12px;}
.contact-card .ci{width:42px;height:42px;border-radius:11px;background:rgba(37,211,102,.14);color:var(--green);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0;}
.contact-card .cn{font-weight:800;font-size:1rem;}
.contact-card .cs{font-size:.74rem;color:var(--muted);}
.hr{border:none;border-top:1px solid var(--border);margin:18px 0;}
.foot{text-align:center;color:var(--muted);font-size:.72rem;margin-top:30px;line-height:1.7;}

/* ── Mobil modal: alt-sayfa (bottom-sheet) + iç kaydırma ── */
@media(max-width:560px){
  .modal{padding:0;align-items:flex-end;}
  .modal-card{max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;display:flex;flex-direction:column;}
  .modal-head{padding:15px 16px;flex-shrink:0;}
  .modal-head h3{font-size:.98rem;}
  .modal-body{padding:16px;overflow-y:auto;flex:1;min-height:0;-webkit-overflow-scrolling:touch;}
  /* iOS'ta input'a dokununca zoom yapmasın diye 16px */
  .minput,.srow input,.srow select,.srow2 select{font-size:16px;}
}
@media(max-width:440px){
  .mrow{flex-direction:column;gap:12px;}
}

/* ── VIP ilanlar (üye paylaşımları, profiliyle) ── */
.vipnote{background:rgba(240,136,62,.08);border:1px solid rgba(240,136,62,.3);border-radius:12px;padding:11px 14px;font-size:.86rem;color:var(--muted);line-height:1.5;margin-bottom:14px;}
.vipcard{border-color:rgba(240,136,62,.35)!important;}
.pchip{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid var(--border);}
.pchip img,.pchip-ph{width:38px;height:38px;border-radius:50%;object-fit:cover;flex:none;}
.pchip-ph{display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:1px solid var(--border);color:var(--muted);}
.pchip-name{font-weight:700;color:var(--text);font-size:.92rem;}
.pchip-sub{font-size:.72rem;color:var(--muted);margin-top:1px;}

/* Profil düzenleme bölüm başlığı + detay rozetleri */
.editlabel{margin:16px 0 9px;font-weight:800;font-size:.9rem;color:var(--text);display:flex;align-items:center;gap:7px;border-top:1px solid var(--border);padding-top:14px;}
.pdetails{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}
.pdetail{background:var(--bg-2);border:1px solid var(--border);border-radius:9px;padding:6px 11px;font-size:.78rem;color:var(--muted);}
.pdetail b{color:var(--text);font-weight:700;}

/* Hesap alanı: qugoakçe rozeti + belirgin "Profilim" butonu */
#acct{display:flex;align-items:center;gap:7px;flex-shrink:0;}
.acct-coin{background:var(--card);border:1px solid var(--border);border-radius:11px;padding:7px 11px;font-size:.82rem;font-weight:700;color:var(--text);white-space:nowrap;}
.acct-prof{display:inline-flex;align-items:center;gap:6px;color:var(--green)!important;border-color:rgba(37,211,102,.45)!important;}
.acct-prof i{font-size:1.05rem;}
.acct-prof .acct-av{width:22px;height:22px;}

/* Konum ikonu butonu (Nereden yanı) */
.locbtn{flex-shrink:0;width:46px;background:var(--bg-2);border:1px solid var(--green);border-radius:11px;color:var(--green);font-size:1.05rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.15s;}
.locbtn:hover{background:rgba(37,211,102,.12);}

/* Uygulama indirme alt bandı (tüm sayfalar) */
.appcta{margin:26px 0 8px;}
.appbar{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,rgba(37,211,102,.12),rgba(61,139,253,.08));border:1px solid var(--border-2);border-radius:16px;padding:14px 16px;flex-wrap:wrap;}
.appbar img{width:44px;height:44px;border-radius:11px;}
.appbar .at{flex:1;min-width:170px;}
.appbar .at b{color:var(--text);font-size:.98rem;}
.appbar .at span{color:var(--muted);font-size:.82rem;display:block;margin-top:2px;}
.gp-badge{display:inline-flex;align-items:center;gap:8px;background:#000;color:#fff;border-radius:10px;padding:9px 15px;font-weight:700;text-decoration:none;font-size:.88rem;white-space:nowrap;}
.gp-badge i{font-size:1.35rem;}
.footlinks{text-align:center;margin:14px 0 0;font-size:.82rem;}
.footlinks a{color:var(--muted);margin:0 6px;}