:root{
  --fcc-blue:#1F4E8C;
  --fcc-green:#4CAF2A;
  --fcc-gray:#7A7A7A;
}
.fcc-gasmap-wrap{
  position:relative;
  width:100%;
  min-height:420px;
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 30px rgba(0,0,0,.10);
  background:#fff;
}
.fcc-gasmap-map{ position:absolute; inset:0; }

.fcc-gasmap-brandbar{
  position:absolute; z-index:1000;
  left:12px; top:12px;
  background:#fff;
  border-radius:14px;
  padding:10px 12px;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  display:flex; align-items:center; gap:10px;
  max-width:min(640px, calc(100% - 24px));
}
.fcc-gasmap-brandbar img{
  height:34px; width:auto;
  border-radius:10px;
  background:#fff;
  padding:6px 8px;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}
.fcc-gasmap-title{
  font-weight:900; color:var(--fcc-blue);
  line-height:1.1; font-size:14px;
}
.fcc-gasmap-sub{ font-size:12px; color:var(--fcc-gray); margin-top:2px; }

.fcc-gasmap-legend{
  position:absolute; z-index:1000;
  left:12px; bottom:12px;
  background:#fff;
  border-radius:14px;
  padding:12px 12px;
  box-shadow:0 10px 26px rgba(0,0,0,.12);
  width:320px;
  max-width:calc(100% - 24px);
}
.fcc-gasmap-legend h4{
  margin:0 0 10px 0;
  font-size:13px;
  color:var(--fcc-blue);
  font-weight:900;
}
.fcc-gasmap-note{ font-size:12px; color:#2b2b2b; line-height:1.35; }
.fcc-gasmap-note.small{ font-size:11px; color:var(--fcc-gray); margin-top:10px; }

.fcc-gasmap-status{
  display:flex; align-items:center; gap:8px;
  margin-top:10px;
  font-size:12px; color:#2b2b2b;
}
.fcc-gasmap-status .dot{
  width:10px; height:10px; border-radius:50%;
  background:var(--fcc-green);
  box-shadow:0 0 0 4px rgba(76,175,42,.18);
}

.fcc-gasmap-btnrow{ display:flex; gap:8px; margin-top:10px; flex-wrap:wrap; }
.fcc-gasmap-btn{
  border:0; border-radius:12px;
  padding:8px 10px; cursor:pointer;
  font-weight:800; font-size:12px;
  background:var(--fcc-green); color:#fff;
  transition:transform .12s ease, filter .12s ease;
}
.fcc-gasmap-btn:hover{ transform:translateY(-1px); filter:brightness(.95); }
.fcc-gasmap-btn.secondary{ background:var(--fcc-blue); }

.leaflet-control-attribution{ font-size:11px !important; }