/* Huq Bricks - pot / chatal measurement */
.pot-wrap{display:flex;flex-direction:column;gap:10px}
.pot-tools{display:flex;gap:8px;flex-wrap:wrap}
.pot-tools input{flex:1;min-width:200px;padding:9px 10px;border:1px solid #d7e4dc;border-radius:8px;font:500 13px 'DM Sans'}
.pot-map{height:460px;border-radius:12px;border:1px solid #e4ece6;overflow:hidden;z-index:1}

.pot-measure{background:#fff;border:1px solid #e4ece6;border-radius:12px;padding:14px}
.pot-hint{font:500 13px 'DM Sans';color:#5c7268;line-height:1.6}
.pot-hint small{color:#8a9c92}
.pot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}
.pot-grid div{display:flex;flex-direction:column;gap:2px}
.pot-grid small{font:600 10px 'DM Sans';color:#6b7f72;text-transform:uppercase;letter-spacing:.4px}
.pot-grid strong{font:700 18px 'Space Grotesk';color:#12291d}
.pot-cap{margin-top:12px;padding-top:12px;border-top:1px solid #eef3f0;font:600 15px 'DM Sans';color:#1e6b4b}
.pot-cap small{font-weight:500;color:#7c8f84;font-size:12px}
.pot-cap.muted{color:#8a9c92;font-weight:500;font-size:13px}

.pot-save{display:flex;gap:8px;flex-wrap:wrap}
.pot-save input{flex:1;min-width:130px;padding:9px 10px;border:1px solid #d7e4dc;border-radius:8px;font:500 13px 'DM Sans'}

.leaflet-container{font-family:'DM Sans',sans-serif}

@media(max-width:700px){
  .pot-map{height:340px}
  .pot-grid{grid-template-columns:repeat(2,1fr)}
}