/* Development Map page (developments.html). Shares tokens and header styles with styles.css. */
.app.dev{grid-template-rows:auto 1fr}
nav.tabs a{color:#fff;text-decoration:none;padding:6px 14px;border-radius:6px;font-weight:600}
nav.tabs a[aria-current="page"]{background:#fff;color:#1b5e20}
.devmain{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0}
.devmap{position:relative;min-height:0}
.devmap #map{position:absolute;inset:0}
#map.placing{cursor:crosshair}
.devmap .maphint{z-index:500;left:50%;transform:translateX(-50%);top:10px;bottom:auto;font-size:13px;color:var(--ink);padding:6px 10px;display:flex;gap:10px;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.2)}
.lab{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.lab small{text-transform:none;letter-spacing:0;font-weight:400}
#q{width:100%;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel)}
.chk{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:13px;cursor:pointer}
.chk span{flex:1;min-width:0}
.chk b{font-weight:500;color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.dot{width:12px;height:12px;border-radius:50%;display:inline-block;flex:none;box-shadow:0 0 0 1px rgba(0,0,0,.15)}
.unplaced{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px;max-height:40vh;overflow:auto}
.unplaced li{display:flex;gap:8px;align-items:center;font-size:12px}
.unplaced li span{flex:1;min-width:0}
.unplaced .btn{padding:3px 8px;font-size:12px}
/* pins */
.devpin{background:none;border:0}
.devpin span{display:block;width:22px;height:30px;background:var(--c);clip-path:path("M11 0C4.9 0 0 4.9 0 11c0 8.2 11 19 11 19s11-10.8 11-19C22 4.9 17.1 0 11 0z");position:relative}
.devpin span::after{content:"";position:absolute;left:7px;top:7px;width:8px;height:8px;border-radius:50%;background:#fff}
.leaflet-tooltip.devlabel{background:rgba(255,255,255,.92);color:#22281f;border:1px solid rgba(0,0,0,.2);border-radius:3px;padding:0 3px;font:600 10.5px/1.25 var(--f-cond);letter-spacing:-.01em;box-shadow:none;white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis;margin-top:-2px}
.leaflet-tooltip.devlabel::before{display:none}
.devlegend{background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 10px;display:flex;gap:12px;font-size:12px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.devlegend span{display:flex;align-items:center;gap:5px}
.devlegend i{width:10px;height:10px;border-radius:50%;display:inline-block}
/* popup */
.devpop h3{margin:6px 0 2px;font-size:15px}
.dp-a{color:#667061;font-size:12px;margin-bottom:6px}
.dp-st{display:inline-block;color:#fff;font-size:11px;font-weight:600;padding:1px 7px;border-radius:10px;margin-right:4px}
.dp-st.gone{background:#8a8f86}
.devpop table{border-collapse:collapse;font-size:12px}
.devpop th{text-align:left;color:#667061;font-weight:500;padding:1px 10px 1px 0}
.devpop td{padding:1px 0}
.dp-d{font-size:12px;line-height:1.4;max-height:140px;overflow:auto;margin:8px 0 4px;white-space:pre-line}
.dp-f{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:11px;color:#667061;margin-top:6px}
.dp-f .btn{padding:3px 8px;font-size:12px}
.flash{position:fixed;left:50%;bottom:18px;transform:translateX(-50%) translateY(20px);background:#22281f;color:#fff;padding:8px 14px;border-radius:6px;opacity:0;transition:.2s;z-index:1000;pointer-events:none}
.flash.on{opacity:1;transform:translateX(-50%)}
@media (max-width:860px){
  .devmain{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}
  .devmain aside{display:none;max-height:50vh}
  .devmain aside.open{display:block}
  .devlegend{flex-direction:column;gap:4px}
}
.smform{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:10px 14px;align-items:end;margin-bottom:10px}
.smform label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}
.smform input,.smform select{padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--ink);font-size:14px}
.smbtns{grid-column:1/-1;display:flex;gap:8px}
#smPrev img{display:block;margin-top:8px}
@media (max-width:700px){.smform{grid-template-columns:1fr 1fr}}