/* ── segment / junction properties popup ──
   Inline popups shown when user double-clicks a segment/junction on the main
   canvas (invoked from render-harness.js showSegLenPopup / showJuncPopup,
   and from context-menu.js / quick-actions.js / projects.js).

   The full "harness editor" overlay (.harness-modal / .hn-* / .hc-*) that
   used to live here was removed along with the unreachable harness view
   mode — nothing in the codebase creates that overlay anymore. */
.seg-props-popup{min-width:260px;padding:14px 16px;background:var(--bg-surface);border:2px solid var(--accent);
  border-radius:12px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:8px}
.junc-props-popup{border-color:var(--warn-dark)}
.sp-row{display:flex;align-items:center;gap:8px}
.sp-row label{color:var(--text-secondary);font-size:12px;min-width:80px;white-space:nowrap;font-weight:500}
.sp-unit{font-size:11px;color:var(--text-muted);min-width:20px}
.sp-actions{justify-content:flex-end;margin-top:4px}
.sp-ok{padding:6px 16px;font-size:12px;background:var(--bg-accent-strong);border:1px solid var(--accent);
  border-radius:6px;cursor:pointer;color:var(--accent-bright);font-weight:600}
.sp-ok:hover{background:var(--bg-accent-active)}
.jp-diams{display:flex;gap:4px;flex-wrap:wrap}
.jp-diam{font-size:10px;color:var(--text-secondary);background:var(--bg-inset);padding:1px 5px;border-radius:3px;
  border:1px solid var(--border)}
.jp-trunk{color:var(--warn-dark);border-color:var(--warn-dark);font-weight:600}
.sp-twisted{width:16px;height:16px;cursor:pointer;accent-color:var(--accent)}
.sp-twist-info{font-size:10.5px;color:var(--text-muted);margin-left:6px;line-height:1.3}

/* ── GND diagram side panel (fáze 3.14c/d) ──────────────────────────────── */
.gnd-side-panel{position:absolute;top:52px;right:12px;width:320px;max-height:calc(100vh - 120px);
  overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;
  padding:10px 12px;font-size:12px;color:var(--text);z-index:40;box-shadow:0 4px 16px rgba(0,0,0,.25)}
.gnd-panel-head{font-size:13px;font-weight:600;color:var(--accent);margin-bottom:8px;
  padding-bottom:6px;border-bottom:1px solid var(--border)}
.gnd-panel-section{margin-bottom:12px}
.gnd-panel-section:last-child{margin-bottom:0}
.gnd-section-head{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);
  margin-bottom:6px;font-weight:600}
.gnd-gp-block{background:var(--bg-inset);border:1px solid var(--border);border-radius:6px;
  padding:6px 8px;margin-bottom:6px}
.gnd-gp-head{font-weight:600;font-size:12px;color:var(--text);margin-bottom:4px;
  display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.gnd-gp-count{font-size:10px;color:var(--text-secondary);font-weight:400}
.gnd-stud{font-size:10px;color:var(--warn-dark);background:var(--bg-surface);padding:1px 5px;
  border-radius:3px;border:1px solid var(--warn-dark);font-weight:500;margin-left:auto}
.gnd-chip-row{display:flex;flex-wrap:wrap;gap:4px}
.gnd-chip{background:var(--bg-surface);border:1px solid var(--border);border-radius:3px;
  padding:2px 6px;font-size:11px;color:var(--text)}
.gnd-chip-sz{color:var(--accent);font-size:10px;margin-left:2px}
.gnd-empty{color:var(--text-secondary);font-style:italic;font-size:11px;padding:2px 0}
.gnd-nonbb-tbl{width:100%;border-collapse:collapse;font-size:11px}
.gnd-nonbb-tbl th{text-align:left;padding:3px 4px;color:var(--text-secondary);font-weight:500;
  border-bottom:1px solid var(--border);background:var(--bg-inset)}
.gnd-nonbb-tbl td{padding:3px 4px;border-bottom:1px solid var(--border);color:var(--text)}
.gnd-nonbb-tbl tr:last-child td{border-bottom:none}