/* tree_popups.css — shared node/circuit popup styling (showNodePopup,
   showAssignLoadCircuitPopup, showBreakerPopup, etc. in sld_popups.js).
   Used by the dashboard (tree + SLD) and by any other page that embeds
   the same popups, e.g. the Loads list page's circuit column. */

.tree-popup-overlay { position:fixed; inset:0; z-index:2000; background:rgba(0,0,0,0.55); display:flex; align-items:center; justify-content:center; }
.tree-popup { background:#1a2332; border:1px solid rgba(59,130,246,0.25); border-radius:14px; padding:1.5rem; min-width:300px; max-width:440px; width:90%; max-height:85vh; display:flex; flex-direction:column; box-shadow:0 20px 60px rgba(0,0,0,0.5); }
.tree-popup-body { overflow-y:auto; flex:1; }
.tree-popup-header { display:flex; align-items:center; justify-content:space-between; margin-bottom:1rem; }
.tree-popup-title { font-size:1.1rem; font-weight:700; color:#e2e8f0; }
.tree-popup-close { background:transparent; border:none; color:#64748b; font-size:1.2rem; cursor:pointer; transition:color 0.15s; }
.tree-popup-close:hover { color:#e2e8f0; }
.tree-popup-row { display:flex; justify-content:space-between; align-items:baseline; padding:0.4rem 0; border-bottom:1px solid rgba(255,255,255,0.05); font-size:0.875rem; }
.tree-popup-row:last-child { border-bottom:none; }
.tree-popup-label { color:#64748b; font-weight:500; }
.tree-popup-value { color:#cbd5e1; font-weight:600; text-align:right; }
.tree-popup-actions { display:flex; gap:0.65rem; margin-top:1.1rem; }
.tree-popup-btn { padding:0.5rem 1rem; border-radius:7px; font-size:0.85rem; font-weight:600; cursor:pointer; text-decoration:none; border:none; transition:opacity 0.15s; }
.tree-popup-edit { background:linear-gradient(135deg,#3b82f6,#1d4ed8); color:#fff; }
.tree-popup-save { background:linear-gradient(135deg,#10b981,#059669); color:#fff; }
.tree-popup-cancel { background:rgba(100,116,139,0.15); border:1px solid rgba(100,116,139,0.3); color:#94a3b8; }
.tree-popup-btn:hover { opacity:0.85; }
.tree-popup-row-edit { align-items:center; }
.tree-popup-input-wrap { display:flex; align-items:center; gap:0.35rem; }
.tree-popup-input { width:140px; padding:0.3rem 0.5rem; background:rgba(15,23,42,0.7); border:1px solid rgba(59,130,246,0.25); border-radius:6px; color:#e2e8f0; font-size:0.85rem; text-align:right; }
.tree-popup-input:focus { outline:none; border-color:rgba(59,130,246,0.6); }
.tree-popup-input-suffix { color:#64748b; font-size:0.78rem; }
.tree-popup-msg { font-size:0.8rem; color:#ef4444; margin-top:0.6rem; display:none; }

/* Circuit link / assign-circuit affordance, reused outside the tree view
   (e.g. the Loads list "Source" column). */
.tree-node-circuit { font-size:0.72rem; color:#4e5f72; cursor:pointer; }
.tree-node-circuit:hover { color:#94a3b8; text-decoration:underline; }
.tree-node-nocircuit { font-size:0.72rem; color:#3b82f6; cursor:pointer; }
.tree-node-nocircuit:hover { color:#93c5fd; text-decoration:underline; }