:root{
  --green:#16a34a;--green-soft:rgba(22,163,74,.15);--green-border:rgba(22,163,74,.45);
  --red:#ef4444;--red-soft:rgba(239,68,68,.15);--red-border:rgba(239,68,68,.45);
  --blue:#2563eb;--blue-soft:rgba(37,99,235,.15);--blue-border:rgba(37,99,235,.45);
  --orange:#f97316;--orange-soft:rgba(249,115,22,.15);--orange-border:rgba(249,115,22,.45);
  --panel-border:#e5e7eb;
}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#fff}
.app{display:grid;grid-template-rows:auto 1fr;height:100vh}
header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid var(--panel-border)}
.header-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:8px 12px}
.header-grid .left{display:flex;align-items:center;gap:10px}
.header-grid .actions{justify-self:center;display:flex;gap:10px;flex-wrap:wrap}
.header-grid .right{justify-self:end;padding-right:6px;display:flex;align-items:center}
.logo-acapo,.logo-igm{height:44px;width:auto}
.beta-red{color:#dc2626}
#map{width:100%;height:100%;min-height:420px}
.btn{cursor:pointer;border-radius:10px;padding:8px 12px;border:1px solid #cbd5e1;background:#f8fafc}
.btn.green{background:var(--green-soft);color:var(--green);border-color:var(--green-border)}
.btn.blue{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-border)}
.btn.red{background:var(--red-soft);color:var(--red);border-color:var(--red-border)}
.info-panel,.mini-panel{background:#fff;padding:8px 12px;font-size:13px;line-height:1.35;color:#111827;box-shadow:0 2px 10px rgba(0,0,0,.18);border-radius:8px;border:1px solid #e5e7eb}

.leaflet-control.search-zone{background:rgba(255,255,255,.95);padding:6px 8px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.leaflet-control.search-zone input{width:180px;max-width:52vw;padding:6px 8px;border:1px solid #ccc;border-radius:6px}
.leaflet-control.search-zone button{margin-left:6px;padding:6px 10px;border:1px solid #ccc;border-radius:6px;background:#f5f5f5;cursor:pointer}

@media (max-width:640px){
  .header-grid{grid-template-columns:1fr auto;grid-template-areas:"left right""actions actions";row-gap:6px}
  .header-grid .left{grid-area:left}
  .header-grid .right{grid-area:right}
  .header-grid .actions{grid-area:actions;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .logo-acapo,.logo-igm{height:32px}
}