/* NetworkPolicy Editor specific styles */

.netpol-bar{align-items:stretch; gap:16px}
.netpol-right{width:min(520px, 100%); display:flex; flex-direction:column; gap:10px}
.netpol-row{display:flex; gap:10px; flex-wrap:wrap; align-items:flex-end}
.netpol-actions{display:flex; gap:8px; flex-wrap:wrap}
.netpol-help{margin-top:12px; padding:12px 12px; border-radius:12px; border:1px solid rgba(255,255,255,.10); background:rgba(255,255,255,.02); color:rgba(230,238,252,.92)}
.netpol-help ol{margin:8px 0 0 18px; padding:0}
.netpol-help li{margin:4px 0; color:rgba(170,183,207,.92)}
.netpol-status{font-size:12px; color:rgba(170,183,207,.92); min-height:18px}
.netpol-status.is-error{color:#ffb3b3}

.netpol-canvas{width:100%; height:520px; display:block; border-radius:14px; border:1px solid rgba(255,255,255,.12); background:linear-gradient(180deg, rgba(15,27,45,.55), rgba(10,18,32,.65)); box-shadow:0 0 0 1px rgba(138,180,248,.10)}
.netpol-canvas-head{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:10px}
.netpol-canvas-title{font-weight:800; letter-spacing:.2px}
.netpol-canvas-hint{font-size:12px; color:rgba(170,183,207,.92)}

.netpol-card{flex:1; min-width:320px; padding:12px; border-radius:16px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.02); box-shadow: 0 0 0 1px rgba(0,0,0,.18), inset 0 0 0 1px rgba(255,255,255,.02)}
.netpol-card .tool-label{margin-bottom:8px}
.netpol-card .netpol-row{display:flex; flex-wrap:wrap; gap:12px; align-items:flex-end}
.netpol-card-policy .tool-input,.netpol-card-policy .tool-select{min-width:220px}
.netpol-card-node .tool-input,.netpol-card-node .tool-select{min-width:200px}

.netpol-help-compact{margin-top:10px; padding:10px; border-radius:14px; border:1px solid rgba(255,255,255,.08); background: rgba(10,16,28,.35)}
.netpol-help-text{color: rgba(170,183,207,.92); font-size:12px; margin-top:6px}

.netpol-card-head{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.netpol-step{display:inline-flex; align-items:center; justify-content:center; padding:4px 10px; border-radius:999px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:rgba(255,210,170,.88); border:1px solid rgba(255,180,120,.22); background:rgba(255,180,120,.08)}
.netpol-step-title{font-weight:800; letter-spacing:.2px; color:rgba(230,238,252,.95)}

@media (max-width:980px){.netpol-card{min-width:100%}}