/* ==========================================================
   Mobile Service – Cihaz Sorgulama Paneli teması
   Kurulum: sorgula.css satırının HEMEN ALTINA ekleyin (en son yüklenmeli).
   Mevcut HTML/JS yapısına dokunmaz, yalnızca görünümü değiştirir.
   ========================================================== */

:root{
  --bg:#f6f4ff; --surface:rgba(255,255,255,.82); --text:#150f2e; --muted:#5f5a7a; --line:rgba(60,40,140,.14);
  --a:#6d28d9; --b:#ec4899; --c:#06b6d4; --g1:rgba(109,40,217,.20); --g2:rgba(236,72,153,.18);
  --field:#ffffff; --shadow:0 18px 50px rgba(60,40,140,.14);
}
@media (prefers-color-scheme:dark){
  :root{
    --bg:#0a0718; --surface:rgba(255,255,255,.06); --text:#f3f0ff; --muted:#a8a2c8; --line:rgba(255,255,255,.12);
    --a:#a78bfa; --b:#fb923c; --c:#22d3ee; --g1:rgba(124,58,237,.42); --g2:rgba(251,146,60,.30);
    --field:rgba(255,255,255,.07); --shadow:0 18px 50px rgba(0,0,0,.5); color-scheme:dark;
  }
}

html,body{background:var(--bg) !important;color:var(--text);}
body{
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif !important;
  -webkit-font-smoothing:antialiased; position:relative; overflow-x:hidden;
}
body::before,body::after{content:"";position:fixed;z-index:0;border-radius:50%;filter:blur(90px);pointer-events:none}
body::before{width:520px;height:520px;left:-160px;top:-120px;background:var(--g1)}
body::after{width:480px;height:480px;right:-140px;bottom:-100px;background:var(--g2)}
.container{position:relative;z-index:1}

/* ---------- Ana kart ---------- */
body #loginPanel{background:transparent !important;box-shadow:none !important;border:0 !important}
body #login{
  background:var(--surface) !important; border:1px solid var(--line) !important; border-radius:26px !important;
  padding:28px !important; box-shadow:var(--shadow) !important;
  backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px);
  margin:28px 0;
}

/* ---------- Firma bilgileri ---------- */
.firma-bilgileri{text-align:center;margin-bottom:18px;border:0 !important;background:transparent !important;box-shadow:none !important;padding:0 !important}
.firma-bilgileri .row,.firma-bilgileri .bilgiler,.firma-bilgileri .logo{border:0 !important;background:transparent !important;box-shadow:none !important}
.firma-bilgileri .logo{margin-bottom:10px}
.firma-bilgileri .logo img{max-height:64px;max-width:100%;object-fit:contain}
.firma-bilgileri:not(:has(.logo))::before{
  content:"";display:block;width:60px;height:60px;margin:0 auto 10px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%236d28d9'/%3E%3Cstop offset='1' stop-color='%23ec4899'/%3E%3C/linearGradient%3E%3ClinearGradient id='h' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2306b6d4'/%3E%3Cstop offset='1' stop-color='%236d28d9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='40' height='40' rx='12' fill='url(%23g)'/%3E%3Crect x='12' y='7' width='16' height='26' rx='4' fill='none' stroke='%23fff' stroke-width='2.2'/%3E%3Cpath d='M18 29h4' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='27' cy='25' r='6.5' fill='url(%23h)' stroke='%23fff' stroke-width='2'/%3E%3Cpath d='m24.5 25 1.8 1.8 3.4-3.6' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 10px 18px var(--g2));
}
.bilgiler table{margin:0 auto;color:var(--muted);font-size:13.5px}
.bilgiler td{padding:2px 6px !important;border:0 !important;color:var(--muted) !important}
.bilgiler i{color:var(--a);margin-right:4px}
.baslik2,.baslik2 strong{
  font-size:22px !important;font-weight:800 !important;letter-spacing:-.02em;
  background:linear-gradient(100deg,var(--a),var(--b) 55%,var(--c));
  -webkit-background-clip:text;background-clip:text;color:transparent !important;
}

/* ---------- Başlık ---------- */
#loginForm h4.baslik{
  color:var(--text) !important;font-weight:800;font-size:17px;letter-spacing:-.01em;
  border:0 !important;padding:0 0 14px !important;margin:6px 0 16px !important;
  border-bottom:1px solid var(--line) !important;
}
#loginForm .simge{
  display:inline-grid !important;place-items:center;width:34px;height:34px;border-radius:11px;margin-right:8px;
  color:#fff !important;background:linear-gradient(135deg,var(--a),var(--b)) !important;font-size:15px;vertical-align:middle;
}
#loginForm .baslik-alt{display:block;margin-top:4px;color:var(--muted) !important;font-size:12.5px;font-weight:600;letter-spacing:.04em}
#loginForm .baslik-alt i{color:var(--c)}

/* ---------- Form alanları ---------- */
.input-group.input-data{margin-bottom:14px;width:100%}
.input-group-addon{
  background:var(--field) !important;color:var(--a) !important;border:1px solid var(--line) !important;
  border-right:0 !important;border-radius:14px 0 0 14px !important;min-width:46px;
}
.form-control{
  height:48px !important;background:var(--field) !important;color:var(--text) !important;
  border:1px solid var(--line) !important;border-left:0 !important;border-radius:0 14px 14px 0 !important;
  box-shadow:none !important;font-size:15px;font-family:inherit;
}
.form-control::placeholder{color:var(--muted);opacity:.8}
.input-group:focus-within .input-group-addon,
.input-group:focus-within .form-control{border-color:var(--a) !important}
.input-group:focus-within{filter:drop-shadow(0 0 10px var(--g1))}

/* ---------- Butonlar ---------- */
.btn{border-radius:14px !important;font-weight:700 !important;font-family:inherit;border:0 !important;transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px)}
.btn-primary,.submit-btn{
  background:linear-gradient(120deg,var(--a),var(--b)) !important;color:#fff !important;
  padding:12px 18px !important;box-shadow:0 10px 26px var(--g2) !important;
}
.btn-default{background:var(--field) !important;color:var(--text) !important;border:1px solid var(--line) !important}
.btn:focus-visible{outline:3px solid var(--c) !important;outline-offset:2px}

/* ---------- Uyarılar ---------- */
.alert{border-radius:16px !important;border:1px solid var(--line) !important;padding:14px 16px !important;font-size:14px;margin-top:16px}
.alert-info{background:rgba(6,182,212,.12) !important;color:var(--text) !important;border-color:rgba(6,182,212,.35) !important}
.alert-success{background:rgba(52,211,153,.14) !important;color:var(--text) !important;border-color:rgba(52,211,153,.4) !important}
.alert-danger{background:rgba(244,63,94,.12) !important;color:var(--text) !important;border-color:rgba(244,63,94,.4) !important}

/* ---------- Sorgu sonucu ---------- */
.servis-bilgileri{
  background:var(--field);border:1px solid var(--line);border-radius:20px;padding:6px 18px 14px;margin-top:14px;
}
.servis-bilgileri table{width:100%;color:var(--text)}
.servis-bilgileri td{padding:8px 0;border:0;color:var(--text);font-size:14.5px;vertical-align:top}
.servis-bilgileri tr:first-child td,
.servis-bilgileri td[colspan="2"]:not(.aciklama){
  font-weight:800;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--b) !important;padding-top:14px;
}
.servis-bilgileri td.baslik{color:var(--muted);font-weight:600;width:120px}
.servis-bilgileri td.aciklama{
  background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px;color:var(--text);
}
.degisen-parcalar h4.baslik{font-size:12.5px;color:var(--muted);margin:12px 0 6px}
.degisen-parcalar ul{list-style:none;padding:0;margin:0 0 8px}
.degisen-parcalar .parca{
  background:linear-gradient(135deg,var(--a),var(--b));color:#fff;border-radius:999px;
  padding:4px 6px 4px 12px;margin:0 6px 6px 0;font-size:12.5px;font-weight:600;
}
.degisen-parcalar .adet{background:rgba(255,255,255,.25);border-radius:999px;padding:1px 8px;margin-left:6px}

/* ---------- Tutar tabloları ---------- */
.table{color:var(--text) !important;background:transparent !important}
.table>tbody>tr>td{border-top:1px solid var(--line) !important;padding:10px 6px !important}
.table h4{margin:0;font-weight:800}
.table tr:last-child h4,.table tr:last-child strong{
  background:linear-gradient(100deg,var(--a),var(--b));-webkit-background-clip:text;background-clip:text;color:transparent;
}
.fa-try{color:var(--muted)}

/* ---------- Ana Sayfaya Dön ---------- */
.ana-sayfa-wrap{text-align:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.ana-sayfa{
  display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:12px;
  font-size:14px;font-weight:700;color:var(--text) !important;text-decoration:none !important;
  background:var(--field);border:1px solid var(--line);transition:transform .15s,color .15s,border-color .15s;
}
.ana-sayfa i{color:var(--b);transition:transform .15s}
.ana-sayfa:hover{transform:translateY(-2px);border-color:var(--b);color:var(--b) !important}
.ana-sayfa:hover i{transform:translateX(-3px)}
.ana-sayfa:focus-visible{outline:3px solid var(--c);outline-offset:2px}

@media (max-width:480px){body #login{padding:20px !important;border-radius:22px !important}}

/* ---------- Mobil uyum ---------- */
@media (max-width:640px){
  body #login{margin:16px 0}
  img{max-width:100%;height:auto}
  .form-control{font-size:16px}                 /* iOS'ta yakınlaşmayı önler */
  .input-group-addon,.form-control{height:50px !important}
  .btn{min-height:46px}
  .btn.btn-default.pull-right{float:none !important;width:100%}
  .servis-bilgileri{padding:4px 12px 12px;overflow-x:auto}
  .servis-bilgileri td{font-size:14px;word-break:break-word}
  .servis-bilgileri td.baslik{width:96px}
  .table td[width]{width:auto !important}       /* sabit 100/150px sütunları serbest bırak */
  .table td:empty{display:none}
  .table>tbody>tr>td{font-size:13.5px;padding:8px 4px !important}
  .table h4{font-size:16px}
  .degisen-parcalar .parca{float:none !important;display:inline-block}
  .ana-sayfa{width:100%;justify-content:center}
}


/* ---------- Yazdırma: sade ve okunaklı ---------- */
@media print{
  html,body{background:#fff !important;color:#000 !important}
  body::before,body::after{display:none}
  body #login{background:#fff !important;border:0 !important;box-shadow:none !important;backdrop-filter:none;padding:0 !important;margin:0}
  .servis-bilgileri,.servis-bilgileri td.aciklama{background:#fff;border-color:#bbb}
  .servis-bilgileri td,.table,.bilgiler td{color:#000 !important}
  .baslik2,.baslik2 strong,.table tr:last-child h4,.table tr:last-child strong{color:#000 !important;background:none;-webkit-background-clip:border-box}
  .degisen-parcalar .parca{background:#eee;color:#000}
  .firma-bilgileri:not(:has(.logo))::before{filter:none}
}