/* =============================================
   screens.css — ЭКРАНЫ
   Карта, поиск, поездки, профиль, фильтры, скролл
   HappyGo 2.0
   ============================================= */

/* MAP */
.ms{position:relative;flex:1;overflow:hidden}
#map{width:100%;height:100%;z-index:1;background:#e8f0ea}
.leaflet-container{font-family:Inter,sans-serif}

/* SEARCH PANEL */
.sp{background:#fff;padding:11px 13px;position:relative;z-index:10;flex-shrink:0;box-shadow:0 -3px 12px rgba(0,0,0,.08);border-radius:18px 18px 0 0}
body.dark .sp{background:#0f3460}
.sr{display:flex;gap:5px;align-items:center;margin-bottom:8px}
.siw{flex:1;position:relative}
.siw input{width:100%;padding:10px 70px 10px 13px;border-radius:10px;border:1.5px solid var(--br);font-size:13px;background:var(--bg);font-family:inherit;outline:none;transition:border-color .15s}
.siw input:focus{border-color:var(--g);background:#fff}
body.dark .siw input{background:#1a1a2e;border-color:#444;color:#fff}
.siw .sic{position:absolute;right:3px;top:50%;transform:translateY(-50%);color:var(--su);pointer-events:none;font-size:12px;background:none;border:none}
.sug{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--br);border-radius:10px;max-height:200px;overflow-y:auto;z-index:999;display:none;box-shadow:var(--sh)}
.sug.on{display:block}
body.dark .sug{background:#1f3460;border-color:#333}
.si{padding:9px 12px;cursor:pointer;font-size:13px;border-bottom:1px solid var(--br);display:flex;align-items:center;gap:8px;transition:background .1s}
.si:last-child{border-bottom:none}
.si:hover{background:var(--gp)}
body.dark .si:hover{background:#2a3f6e}
.si-ic{font-size:13px;color:var(--g);flex-shrink:0;width:16px}
.si-tx{flex:1;min-width:0}
.si-nm{font-weight:600;color:var(--ink);font-size:13px}
.si-nm mark{background:transparent;color:var(--g);font-weight:800}
.si-sb{font-size:10px;color:var(--mu)}
body.dark .si-nm{color:#e0e0e0}
.gb{width:36px;height:36px;border:none;background:var(--gp);color:var(--g);border-radius:10px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
.gb:hover{background:var(--g);color:#fff}
.gb:disabled{opacity:.5;cursor:wait}
.ab{width:100%;padding:10px;border-radius:10px;font-weight:700;font-size:13px;border:none;cursor:pointer;background:var(--g);color:#fff;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s;font-family:inherit}
.ab:hover{background:var(--gd)}

/* FILTERS */
.fb{display:flex;gap:5px;padding:7px 0 0;flex-wrap:wrap}
.fbt{background:var(--bg);border:1px solid var(--br);padding:4px 9px;border-radius:16px;font-size:11px;color:var(--tx);display:flex;align-items:center;gap:4px;cursor:pointer;font-family:inherit;font-weight:600;transition:all .15s}
.fbt.on{background:var(--gp);color:var(--g);border-color:var(--g)}
.fp{display:none;padding:7px 0 0}
.fp.on{display:block}
.fp input[type=range]{width:100%;margin-top:5px;accent-color:var(--g)}
.fp label{font-size:12px;font-weight:600}
.fp select{width:100%;margin-top:6px;padding:8px 10px;border:1px solid var(--br);border-radius:8px;font-family:inherit;font-size:12px;background:var(--bg);outline:none}

/* TRIP OVERLAY */
.to{position:absolute;bottom:0;left:0;right:0;max-height:52%;overflow-y:auto;padding:8px 10px;z-index:5;display:none}
.to.on{display:block}
.tc{background:#fff;border-radius:12px;padding:10px 12px;margin-bottom:7px;box-shadow:var(--sh);cursor:pointer;transition:transform .18s}
.tc:hover{transform:translateY(-2px)}
body.dark .tc{background:#1f3460}
.tc-top{display:flex;align-items:center;gap:8px;margin-bottom:5px}
.tc-av{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;flex-shrink:0}
.tc-nm{flex:1;min-width:0}
.tc-dr{font-weight:700;font-size:12px}
.tc-cr{font-size:10px;color:var(--mu)}
.tc-rt{background:var(--gp);color:var(--g);padding:2px 6px;border-radius:7px;font-size:10px;font-weight:700}
.tc-ro{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:600;margin-bottom:4px}
.dot{width:6px;height:6px;border-radius:50%}
.dot.f{background:var(--g)}.dot.t{background:var(--a)}
.tc-bt{display:flex;align-items:center;justify-content:space-between}
.tc-pr{font-weight:800;color:var(--g);font-size:14px}
.tc-bk{background:var(--g);color:#fff;border:none;padding:5px 10px;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer;font-family:inherit}
.emp{text-align:center;padding:18px;color:var(--mu);font-size:12px;background:rgba(255,255,255,.95);border-radius:11px;margin:0 8px}
body.dark .emp{background:rgba(31,52,96,.95)}

/* SCROLL */
.scr{flex:1;overflow-y:auto;padding:14px}
.scr::-webkit-scrollbar{width:3px}
.scr::-webkit-scrollbar-thumb{background:var(--br);border-radius:2px}

/* MY TRIPS */
.mtc{background:#fff;border:1px solid var(--br);border-radius:12px;padding:11px;margin-bottom:9px}
body.dark .mtc{background:#1f3460;border-color:#2a3f6e}
.mt-top{display:flex;align-items:center;gap:9px;margin-bottom:7px}
.mt-av{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}
.mt-in{flex:1;min-width:0}
.mt-rt{font-weight:700;font-size:13px}
.mt-mt{font-size:11px;color:var(--mu);margin-top:1px}
.mt-st{padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;flex-shrink:0}
.st-p{background:#fef3c7;color:#92400e}
.st-c{background:var(--gp);color:var(--g)}
.st-d{background:#e0e7ff;color:#4338ca}
.st-x{background:#fee2e2;color:var(--r)}
.mt-ac{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.ba{padding:5px 9px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;border:none;font-family:inherit;display:flex;align-items:center;gap:4px}
.ba.ch{background:var(--bp);color:var(--b)}
.ba.cn{background:#fee2e2;color:var(--r)}
.ba.rt{background:#fef3c7;color:#92400e}
.ba.cf{background:var(--gp);color:var(--g)}

/* DRIVER SUBTABS */
.dst{display:flex;gap:6px;padding:10px 14px 0;flex-shrink:0}
.dsb{flex:1;padding:7px;border-radius:9px;font-size:12px;font-weight:700;cursor:pointer;border:1.5px solid var(--br);background:var(--bg);font-family:inherit;color:var(--mu);transition:all .15s}
.dsb.on{background:var(--gp);color:var(--g);border-color:var(--g)}

/* CONFIRM */
.cc-c{background:#fff;border:1.5px solid var(--a);border-radius:12px;padding:11px;margin-bottom:9px}
body.dark .cc-c{background:#1f3460}
.pb{background:linear-gradient(135deg,#fef3c7,#fffbeb);border:1px solid #fde68a;border-radius:10px;padding:10px 12px;margin-bottom:9px;display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#92400e}
.bac{padding:6px 12px;border-radius:8px;font-size:11px;font-weight:700;cursor:pointer;border:none;font-family:inherit}
.bac.g{background:var(--g);color:#fff}
.bac.r{background:#fee2e2;color:var(--r)}
.bac.b{background:var(--bp);color:var(--b)}

/* NAVBAR — современный стиль (приподнятая центральная кнопка, индикатор вкладки) */
.nb{background:#fff;border-top:1px solid var(--br);display:flex;height:62px;flex-shrink:0;z-index:20;box-shadow:0 -6px 20px rgba(15,23,42,.07);padding-bottom:env(safe-area-inset-bottom)}
body.dark .nb{background:#0f3460;border-color:#2a3f6e;box-shadow:0 -6px 20px rgba(0,0,0,.35)}
.ni{flex:1;padding:9px 4px 7px;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--su);font-size:9.5px;font-weight:600;font-family:inherit;transition:color .18s,transform .12s;position:relative;-webkit-tap-highlight-color:transparent}
.ni:active{transform:scale(.9)}
.ni i{font-size:19px;transition:transform .18s}
.ni.on{color:var(--g);font-weight:800}
.ni.on i{transform:translateY(-1px)}
.ni.on::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:22px;height:3px;border-radius:0 0 4px 4px;background:var(--g)}
.ni.ct{flex:0 0 64px;background:none;color:#fff;overflow:visible}
.ni.ct::before{display:none}
.ni.ct i{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;font-size:20px;margin-top:-22px;box-shadow:0 8px 20px rgba(16,185,129,.45),0 2px 6px rgba(16,185,129,.3);border:4px solid #fff;transition:transform .15s,box-shadow .15s}
.ni.ct:active i{transform:scale(.88)}
body.dark .ni.ct i{border-color:#0f3460}
.nbg{position:absolute;top:5px;right:calc(50% - 14px);background:var(--r);color:#fff;border-radius:8px;padding:1px 5px;font-size:8px;font-weight:800;min-width:14px;text-align:center;display:none}

/* PROFILE */
.ph{text-align:center;padding:18px 13px}
.pa{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:26px;margin:0 auto 10px}
.pn{font-weight:800;font-size:17px;margin-bottom:3px}
.pv{background:var(--gp);color:var(--g);padding:3px 9px;border-radius:12px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:3px}
.pp{color:var(--mu);font-size:12px;margin-top:5px}
.pst{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:0 13px 13px}
.psc{background:var(--bg);border-radius:10px;padding:10px;text-align:center}
.psv{font-weight:800;font-size:17px;color:var(--ink)}
body.dark .psv{color:#e0e0e0}
.psl{font-size:10px;color:var(--mu);margin-top:2px}
.mi{display:flex;align-items:center;gap:11px;padding:12px 13px;border-bottom:1px solid var(--br);cursor:pointer;font-size:14px;font-weight:500;transition:background .12s}
.mi:hover{background:var(--bg)}
.mi i:first-child{color:var(--g);width:18px;font-size:15px}
.ma{margin-left:auto;color:var(--su);font-size:12px}

/* MAP PICKER */
.mpo{position:absolute;inset:0;background:#fff;z-index:3000;display:none;flex-direction:column;border-radius:36px}
.mpo.on{display:flex}
body.dark .mpo{background:#16213e}
.mph{padding:13px 17px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--br)}
.mph h3{font-size:14px;font-weight:700}
.mpc{width:30px;height:30px;border:none;background:var(--bg);border-radius:50%;cursor:pointer;font-size:13px;font-family:inherit}
#mapPick{flex:1}
.mpa{padding:11px 13px;display:flex;gap:7px;border-top:1px solid var(--br)}
.mpa button{flex:1}
.mpi{position:absolute;top:62px;left:13px;right:13px;background:rgba(255,255,255,.95);padding:9px 13px;border-radius:9px;box-shadow:var(--sh);font-size:12px;font-weight:600;z-index:5}
body.dark .mpi{background:rgba(31,52,96,.95);color:#e0e0e0}

/* ADMIN */
.ag{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:13px}
.as{background:var(--bg);border-radius:11px;padding:13px;text-align:center}
.av{font-size:22px;font-weight:900;color:var(--g)}
.al{font-size:11px;color:var(--mu);margin-top:2px}