:root{--bg:#07111f;--panel:#fff;--soft:#f1f5f9;--line:#d7dee9;--text:#0f172a;--muted:#64748b;--blue:#0b84ff;--green:#16a34a;--red:#dc2626;--amber:#f59e0b;--shadow:0 14px 36px rgba(15,23,42,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#e2e8f0;color:var(--text);-webkit-text-size-adjust:100%}
button,input,textarea,select{font:inherit}button{appearance:none;border:1px solid #cbd5e1;border-radius:14px;min-height:44px;padding:10px 12px;background:#fff;color:#111827;font-size:14px;font-weight:950;cursor:pointer;-webkit-tap-highlight-color:transparent}
button.primary{background:var(--blue);border-color:var(--blue);color:#fff}button.good{background:var(--green);border-color:var(--green);color:#fff}button.dark{background:#111827;border-color:#111827;color:#fff}button.danger{background:#fff;border-color:#fecaca;color:#b91c1c}button:disabled{opacity:.45;cursor:not-allowed}
.topbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:rgba(7,17,31,.97);color:#fff;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.version{font-size:11px;font-weight:950;color:#93c5fd;letter-spacing:.08em;text-transform:uppercase}h1{margin:2px 0 0;font-size:20px;line-height:1.1}
.badge,.pill{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:999px;background:#e0f2fe;color:#0369a1;font-size:12px;font-weight:950;white-space:nowrap}.good,.pill.good{background:#dcfce7!important;color:#166534!important}.warn,.pill.warn{background:#fef3c7!important;color:#92400e!important}.bad,.pill.bad{background:#fee2e2!important;color:#991b1b!important}
.mapArea{position:relative;background:#bfdbfe}#map{width:100%;height:64vh;min-height:420px;background:#dbeafe}
.mapPanel{position:absolute;left:10px;right:10px;z-index:700;background:rgba(255,255,255,.95);border:1px solid rgba(203,213,225,.9);border-radius:18px;padding:9px;box-shadow:0 8px 20px rgba(15,23,42,.18);backdrop-filter:blur(8px)}.mapPanel.top{top:10px}.mapPanel.bottom{bottom:10px;display:grid;grid-template-columns:72px 72px 72px 1fr;gap:7px}
#mapStatus{font-size:12px;color:#334155;font-weight:800;margin-bottom:7px}.mapButtons{display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;gap:7px}.miniStat{border:1px solid var(--line);border-radius:14px;padding:7px;background:#fff;text-align:center}.miniStat span{display:block;font-size:10px;color:var(--muted);font-weight:900}.miniStat strong{display:block;margin-top:2px;font-size:18px;line-height:1.1}.miniStat.wide{text-align:left}.miniStat.wide strong{font-size:12px;line-height:1.25}
.content{max-width:980px;margin:0 auto;padding:10px 10px 26px}.card{background:rgba(255,255,255,.985);border:1px solid rgba(226,232,240,.95);border-radius:20px;padding:14px;margin:11px 0;box-shadow:var(--shadow)}.card.current{border-color:#bbf7d0}.selectedCard{border-color:#bfdbfe}.maintenance{box-shadow:none}
.cardHead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}h2{margin:0;font-size:17px;line-height:1.25}h3{margin:0 0 8px;font-size:15px}p{margin:5px 0 0;color:var(--muted);font-size:13px;line-height:1.45}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}.metrics div{background:var(--soft);border-radius:15px;padding:10px;min-height:70px}.metrics span{display:block;color:var(--muted);font-size:11px;font-weight:900}.metrics strong{display:block;margin-top:5px;font-size:16px;word-break:break-all}
.form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}.form .full{grid-column:1/-1}label{font-size:12px;font-weight:950;color:#475569}input,textarea,select{width:100%;margin-top:6px;padding:10px 11px;border-radius:13px;border:1px solid #cbd5e1;background:#fff;color:#111827;font-size:15px}textarea{min-height:78px;resize:vertical}
.actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}@media(min-width:620px){.actions{grid-template-columns:1fr 1fr}.mapButtons{grid-template-columns:1fr 1fr 1fr 1.2fr}}
.tools{display:grid;grid-template-columns:1.4fr .8fr;gap:9px;margin-top:11px}.list{display:grid;gap:8px;margin-top:10px}.item{border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px}.item.selected{border-color:var(--blue);background:#eff6ff}.item.near20{border-color:var(--green)}.item.near100{border-color:var(--amber)}.item .top{display:flex;justify-content:space-between;gap:10px;font-size:13px;font-weight:950}.item .body{margin-top:5px;font-size:12px;color:#475569;line-height:1.45}.item button{min-height:36px;margin-top:8px;padding:8px 11px;border-radius:12px;font-size:13px}
.emptyBox{color:#64748b;font-size:13px;margin-top:10px}.detail{display:grid;gap:9px;margin-top:10px}.summaryBox{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:11px}.kv{display:grid;grid-template-columns:112px 1fr;gap:6px;font-size:13px;line-height:1.45}.kv b{color:#0f172a}.subhead{display:flex;align-items:center;gap:6px;margin:13px 0 6px;font-size:15px;font-weight:950}.chip{display:inline-flex;border:1px solid #cbd5e1;border-radius:999px;background:#fff;padding:2px 8px;font-size:12px;color:#334155}.muted{color:#64748b;font-size:12px;line-height:1.45}
.cluster{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:var(--blue);color:#fff;border:3px solid #fff;box-shadow:0 3px 10px rgba(15,23,42,.38);font-weight:950;font-size:13px}.cluster.near20{background:var(--green)}.cluster.near100{background:var(--amber)}.cluster.selected{background:var(--red)}
.leaflet-popup-content{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;line-height:1.45}.popupTitle{font-weight:950;margin-bottom:4px}.popupMeta{color:#475569}.popupBtn{display:inline-block;margin-top:7px;border:1px solid #94a3b8;border-radius:10px;padding:6px 9px;background:#fff;color:#0f172a;font-weight:950;text-decoration:none}
footer{text-align:center;color:#64748b;font-size:11px;line-height:1.55;margin:16px 0}
@media(max-width:619px){#map{height:66vh;min-height:390px}.mapPanel.bottom{grid-template-columns:58px 58px 58px 1fr;gap:5px}.mapButtons,.form,.tools{grid-template-columns:1fr}.miniStat strong{font-size:16px}.cardHead{gap:8px}}


/* v11 map visibility fix */
.mapArea{
  min-height: calc(100vh - 54px);
}
#map{
  height: calc(100vh - 54px);
  min-height: 520px;
}
.mapPanel{
  left:8px;
  right:8px;
  padding:7px;
  border-radius:14px;
}
.mapPanel.top{
  top:8px;
}
.mapPanel.bottom{
  bottom:8px;
  grid-template-columns:64px 64px 64px 1fr;
  padding:6px;
}
#mapStatus{
  margin-bottom:5px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.mapButtons{
  grid-template-columns:repeat(4,1fr);
  gap:5px;
}
.mapButtons button{
  min-height:38px;
  padding:7px 5px;
  font-size:12px;
  border-radius:12px;
}
.miniStat{
  padding:5px;
}
.miniStat span{
  font-size:9px;
}
.miniStat strong{
  font-size:15px;
}
.miniStat.wide strong{
  font-size:11px;
}
.leaflet-control-zoom{
  margin-top:118px!important;
}

@media(max-width:619px){
  #map{
    height: calc(100vh - 54px);
    min-height: 520px;
  }
  .mapPanel.top{
    max-width:calc(100% - 16px);
  }
  .mapButtons{
    grid-template-columns:repeat(4,1fr);
  }
  .mapButtons button{
    min-height:36px;
    padding:6px 3px;
    font-size:11px;
  }
  .mapPanel.bottom{
    grid-template-columns:55px 55px 55px 1fr;
    gap:4px;
  }
  .miniStat{
    padding:4px;
  }
  .miniStat strong{
    font-size:14px;
  }
  .content{
    padding-top:8px;
  }
}

@media(max-width:380px){
  .mapButtons button{
    font-size:10px;
  }
  .mapPanel.bottom{
    grid-template-columns:50px 50px 50px 1fr;
  }
}


/* v11 log-link mode */
.hiddenNormal{display:none!important}
.linkCard{border-color:#bfdbfe}
.linkCard .tools{align-items:end}
.linkCard label{font-size:12px;font-weight:950;color:#475569}
.linkCard button{margin-top:6px}

/* v11.2 log sync */
.logSyncCard{border-color:#bbf7d0}
.logBox{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;padding:10px;margin-top:8px}
.logBox h3{margin:0 0 6px;font-size:14px}
.logGrid{display:grid;grid-template-columns:110px 1fr;gap:5px;font-size:13px;line-height:1.45}
.logGrid b{color:#166534}

/* v11.3 auto link */
.autoLinkCard{border-color:#fde68a}

/* v11.4 Pico W navigation */
.picoNavCard{border-color:#bae6fd}
.picoNavActions{grid-template-columns:1fr 1fr}
@media(max-width:559px){.picoNavActions{grid-template-columns:1fr 1fr}}


/* v11.5 fixed Pico navigation: always visible */
#picoFixedNav{
  position:fixed;
  left:8px;
  right:8px;
  top:calc(env(safe-area-inset-top,0px) + 6px);
  z-index:99999;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:6px;
  align-items:center;
  background:rgba(15,23,42,.92);
  border:1px solid rgba(255,255,255,.24);
  border-radius:14px;
  padding:6px;
  box-shadow:0 8px 24px rgba(0,0,0,.28);
  backdrop-filter:blur(8px);
}
#picoFixedNav button{
  min-height:36px;
  border-radius:11px;
  border:1px solid rgba(255,255,255,.35);
  background:#fff;
  color:#0f172a;
  font-size:12px;
  font-weight:950;
  padding:6px 8px;
}
#fixedPicoLog{
  background:#0b84ff!important;
  border-color:#0b84ff!important;
  color:#fff!important;
}
#fixedPicoHost{
  color:#e5e7eb;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
body{
  padding-top:54px;
}
@media(max-width:520px){
  #picoFixedNav{
    grid-template-columns:1fr 1fr;
  }
  #fixedPicoHost{
    grid-column:1/-1;
    text-align:center;
  }
  body{
    padding-top:78px;
  }
}