/* style.css - Thème sombre inspiré de Steam */
:root{
  --bg:#1b2838;
  --panel:#2a475e;
  --text:#c7d5e0;
  --accent:#66c0f4;
  --server-red:#ff4c4c;
  --server-green:#66ff88;
}

*{box-sizing:border-box}
body{
  margin:0;
  font-family:Inter, Roboto, Arial, sans-serif;
  background:var(--bg);
  color:var(--text);
  height:100vh;
  overflow:hidden;
}

/* Search bar */
#search-bar{
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  z-index:6;
  background:var(--panel);
  padding:8px;
  border-radius:10px;
  box-shadow:0 6px 18px rgba(0,0,0,0.6);
  display:flex;
  gap:8px;
  align-items:center;
}
#address-input{
  width:340px;
  padding:8px 10px;
  border-radius:6px;
  border: none;
  outline:none;
  font-size:14px;
  background:#153042;
  color:var(--text);
}
#locate-btn{
  background:transparent;
  border:none;
  color:var(--text);
  font-size:18px;
  cursor:pointer;
}

/* Info panel */
#info-panel{
  position:absolute;
  right:18px;
  top:18px;
  z-index:6;
  background:rgba(20,30,40,0.95);
  padding:12px;
  border-radius:10px;
  width:260px;
  box-shadow:0 6px 18px rgba(0,0,0,0.6);
}
#info-panel h2{margin:0 0 6px 0; font-size:16px; color:var(--accent)}
#info-panel p{margin:0 0 8px 0; font-size:13px; color:var(--text)}
#clear-btn{
  background:transparent;
  border:1px solid rgba(255,255,255,0.06);
  color:var(--text);
  padding:6px 8px;
  border-radius:6px;
  cursor:pointer;
}

/* Map container */
#map{
  height:100vh;
  width:100%;
}

/* Responsive */
@media (max-width:600px){
  #address-input{width:200px}
  #info-panel{display:none}
}