/* Lightweight cyberpunk network console (bottom-right) */
.nc-root { position: fixed; right: 10px; bottom: 10px; z-index: 9999; font-family: 'VT323', 'Courier New', monospace; color: var(--secondary-color); }
.nc-panel { width: 320px; max-height: 40vh; background: rgba(0,0,0,0.45); backdrop-filter: blur(4px); border: 1px solid rgba(var(--secondary-color-rgb), 0.6); box-shadow: 0 0 10px rgba(var(--secondary-color-rgb),0.25), inset 0 0 12px rgba(0,0,0,0.4); border-radius: 8px; overflow: hidden; }
.nc-header { display:flex; align-items:center; justify-content:space-between; padding: 6px 8px; background: linear-gradient(180deg, rgba(0,0,0,0.6), rgba(0,0,0,0.3)); border-bottom: 1px solid rgba(var(--secondary-color-rgb), 0.35); }
.nc-title { display:flex; align-items:center; gap:8px; font-size: 15px; letter-spacing: 0.5px; color: var(--primary-color); text-shadow: 0 0 6px rgba(var(--primary-color-rgb),0.5); }
.nc-ctl { display:flex; align-items:center; gap:6px; }
.nc-btn { cursor:pointer; border:1px solid rgba(var(--secondary-color-rgb),0.4); background: rgba(0,0,0,0.4); color: var(--secondary-color); padding:2px 6px; border-radius: 4px; font-size: 12px; line-height: 1; transition: transform .12s ease, box-shadow .12s ease; }
.nc-btn:hover { transform: translateY(-1px); box-shadow: 0 0 8px rgba(var(--secondary-color-rgb),0.35); }
.nc-body { overflow: auto; max-height: calc(40vh - 34px); padding: 4px; display:flex; flex-direction:column; gap:4px; scrollbar-gutter: stable; }
.nc-row { display:grid; grid-template-columns: 46px 1fr 48px; align-items:center; gap:3px; padding: 2px 6px; border:1px solid rgba(var(--secondary-color-rgb),0.25); border-radius:5px; background: rgba(0,0,0,0.35); box-shadow: inset 0 0 6px rgba(0,0,0,0.25); opacity: 0; transform: translateY(6px); transition: opacity .16s ease, transform .2s ease, height .2s ease, margin .2s ease, padding .2s ease; font-size: 12px; line-height: 1.15; }
.nc-row.enter { opacity: 1; transform: translateY(0); }
.nc-row.exit { opacity: 0; transform: translateY(-6px); margin: 0; padding-top: 0; padding-bottom: 0; height: 0; border-width: 0; }
.nc-method { font-weight:bold; color: #8affc1; text-shadow: 0 0 6px rgba(138,255,193,0.4); font-size: 12px; }
.nc-url { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: var(--secondary-color); opacity: 0.9; font-size: 12px; }
.nc-meta { text-align:right; font-size: 11px; color: var(--text-medium); }
.nc-pill { display:inline-block; padding: 1px 6px; border-radius: 10px; border: 1px solid rgba(var(--secondary-color-rgb),0.35); }
.nc-pending { color: #00ffd5; text-shadow: 0 0 6px rgba(0,255,213,0.5); }
.nc-ok { color: #7dff6a; text-shadow: 0 0 6px rgba(125,255,106,0.5); }
.nc-err { color: #ff6b8a; text-shadow: 0 0 6px rgba(255,107,138,0.5); }
.nc-prog { position: relative; height: 1px; grid-column: 1 / -1; background: linear-gradient(90deg, rgba(var(--secondary-color-rgb),0.25), rgba(var(--secondary-color-rgb),0.05)); overflow: hidden; border-radius: 1px; }
.nc-prog::after { content:""; position:absolute; left: -40%; top:0; width: 40%; height: 100%; background: linear-gradient(90deg, rgba(133,255,249,0.1), rgba(133,255,249,0.7), rgba(133,255,249,0.1)); animation: nc-indeterminate 1.1s infinite; }
@keyframes nc-indeterminate { 0% { left: -40%; } 100% { left: 100%; } }

/* Config dropdown */
.nc-config { position:absolute; right: 8px; bottom: 42px; width: 240px; background: rgba(0,0,0,0.75); border:1px solid rgba(var(--secondary-color-rgb),0.4); border-radius:8px; padding: 8px; box-shadow: 0 0 12px rgba(var(--secondary-color-rgb),0.25); display:none; }
.nc-config.open { display:block; }
.nc-config h4 { margin: 2px 0 6px; font-size: 14px; color: var(--primary-color); }
.nc-config .nc-opt { display:flex; align-items:center; justify-content:space-between; font-size: 12px; margin: 4px 0; color: var(--secondary-color); }
.nc-config .nc-opt input { accent-color: var(--accent-color); }
.nc-mini { font-size: 10px; opacity: 0.8; }
.nc-pill { font-size: 10px; }

/* Scrollbar styling (WebKit/Blink) */
.nc-body::-webkit-scrollbar { width: 8px; height: 8px; }
.nc-body::-webkit-scrollbar-track { background: rgba(0,0,0,0.2); border-radius: 8px; }
.nc-body::-webkit-scrollbar-thumb { background: rgba(var(--secondary-color-rgb),0.35); border-radius: 8px; }
.nc-body::-webkit-scrollbar-thumb:hover { background: rgba(var(--secondary-color-rgb),0.5); }

/* Compact when collapsed */
.nc-collapsed .nc-body { display: none; }
.nc-collapsed .nc-title { color: var(--secondary-color); }