@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;600;700&display=swap");
/* საერთო დიზაინი: შესვლა, ტელეფონი, გარაჟი, სერვისი, ადმინი. რუკის გვერდის დიზაინი — map.css */
:root { --bg:#0d1013; --card:#171b21; --card2:#1e242b; --line:rgba(255,255,255,.09); --text:#eef1f4; --muted:#98a2ad;
        --accent:#e82127; --ok:#2ecc71; --gold:#f5b301; --blue:#3b82f6; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; font-family:"Noto Sans Georgian", system-ui, sans-serif; }
[hidden] { display:none !important; }

body.phone { background:radial-gradient(1200px 600px at 80% -10%, #1b2431 0%, var(--bg) 60%); color:var(--text); min-height:100vh; padding:20px; padding-bottom:40px; }
.phone h1 { font-size:26px; margin:0 0 6px; letter-spacing:-.01em; }
.phone h2 { font-size:18px; margin:28px 0 10px; }
.phone .note, .note { color:var(--muted); font-size:14px; margin:0 0 18px; line-height:1.5; }

/* ღილაკები */
.btn { min-height:52px; padding:0 20px; font:600 16px "Noto Sans Georgian", system-ui, sans-serif; border:1px solid var(--line); border-radius:14px;
       background:var(--card2); color:var(--text); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:8px; text-decoration:none; transition:background .15s, transform .05s; }
.btn:hover { background:#27303a; } .btn:active { transform:scale(.98); }
.btn.primary { background:var(--blue); border-color:transparent; color:#fff; } .btn.primary:hover { background:#2f6fd8; }
.btn.red { background:var(--accent); border-color:transparent; color:#fff; } .btn.red:hover { background:#c91c21; }
.btn.ghost { background:transparent; }
.btn.big { min-height:58px; font-size:18px; }
.btn:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid var(--blue); outline-offset:2px; }
a.btn { display:inline-flex; }

/* შესვლა */
.auth { max-width:420px; margin:0 auto; padding-top:8vh; }
.auth h1 { font-size:30px; }
.auth input, .carform input, .carform select, .carform textarea {
  width:100%; min-height:54px; margin:0 0 12px; padding:0 16px; font:500 17px "Noto Sans Georgian", system-ui, sans-serif;
  color:var(--text); background:var(--card); border:1px solid var(--line); border-radius:14px; }
.auth input::placeholder, .carform textarea::placeholder { color:#6d7783; }
.auth input:focus, .carform input:focus, .carform select:focus, .carform textarea:focus { border-color:var(--blue); outline:0; }
.auth a { color:var(--muted); }

/* ტელეფონის სიჩქარე */
.speed { text-align:center; padding:34px 0; }
.speed b { font-size:112px; line-height:1; display:block; font-weight:700; letter-spacing:-.03em; }
.speed span { font-size:20px; color:var(--muted); }
.grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.tile { background:var(--card); border:1px solid var(--line); border-radius:18px; padding:16px; }
.tile small { color:var(--muted); display:block; margin-bottom:6px; }
.tile strong { font-size:28px; }

/* ადმინი, გარაჟი, სერვისი */
.admin { max-width:1300px; margin:0 auto; }
.admin nav { display:flex; gap:10px; flex-wrap:wrap; margin:16px 0; }
.admin .wrap { overflow-x:auto; margin-top:12px; }
.admin table { border-collapse:collapse; width:100%; font-size:14px; }
.admin th { text-align:left; color:var(--muted); font-weight:600; padding:8px 6px; white-space:nowrap; }
.admin td { padding:4px; white-space:nowrap; }
.admin td input[type=text], .admin td input[type=number], .admin td select { width:100%; min-width:100px; min-height:42px; padding:0 10px; border:1px solid var(--line); border-radius:10px; font-size:14px; background:var(--card); color:var(--text); }
.admin .btn { min-height:42px; padding:0 14px; font-size:14px; border-radius:12px; }
.admin td span { white-space:normal; display:block; max-width:260px; }

.car3d { width:100%; height:min(46vh, 380px); display:block; background:radial-gradient(600px 300px at 50% 30%, #243041 0%, #12161c 75%); border:1px solid var(--line); border-radius:22px; touch-action:none; cursor:grab; }
.carform label { display:block; margin-top:12px; color:var(--muted); font-size:14px; }
.carform textarea { min-height:110px; padding:12px 16px; }
.carform input[type=color] { padding:4px; }
.item { background:var(--card); border:1px solid var(--line); padding:12px 16px; border-radius:16px; margin:10px 0; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.item small { color:var(--muted); display:block; margin-top:4px; }
.badge { padding:5px 12px; border-radius:20px; font-size:13px; font-weight:600; background:#3a424c; }
.badge.new { background:var(--blue); } .badge.accepted { background:var(--gold); color:#111; } .badge.done { background:var(--ok); color:#06210f; }

/* მძღოლის გვერდები */
.auth select, .carform select { width:100%; min-height:54px; margin:0 0 12px; padding:0 16px; font:500 17px "Noto Sans Georgian", system-ui, sans-serif; color:var(--text); background:var(--card); border:1px solid var(--line); border-radius:14px; }
.auth .lbl { display:block; color:var(--muted); font-size:14px; margin:0 0 6px; }
.tabs { display:flex; gap:10px; margin:0 0 18px; } .tabs .btn { flex:1; }
.driver { max-width:480px; margin:0 auto; }
.driver .drow { display:flex; justify-content:space-between; align-items:center; gap:10px; }
.driver .drow .btn { min-height:44px; }
.driver .tile strong { display:block; font-size:20px; margin-bottom:6px; }
.driver .tile small { margin:0; }
.driver .carform input:disabled { opacity:.6; }
.btn.go { background:var(--ok); color:#06210f; border-color:transparent; } .btn.go:hover { background:#27b361; }
.btn:disabled { opacity:.5; cursor:not-allowed; }
.badge.pending { background:var(--gold); color:#111; } .badge.approved { background:var(--ok); color:#06210f; } .badge.suspended { background:var(--accent); }

.phone .link { padding: 10px 14px; border-radius: 12px; background: var(--card); border: 1px solid var(--line); font-size: 14px; color: var(--muted); }
.phone .link.ok { color: #2ecc71; border-color: rgba(46,204,113,.4); } .phone .link.bad { color: #ff6b6b; border-color: rgba(232,33,39,.4); }
