/* ---------- LEVELS tab ---------- */
#sec-levels aside{width:400px;display:flex;flex-direction:column}
#lvList{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;margin-top:10px;padding-right:2px}
#lvList::-webkit-scrollbar{width:8px}
#lvList::-webkit-scrollbar-thumb{background:var(--line)}

.lvitem{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--panel2);border:1px solid var(--line);cursor:pointer}
.lvitem:hover{border-color:var(--dim)}
.lvitem.sel{border-color:var(--sky);background:#101a26}
.lvitem .lvinfo{flex:1;min-width:0}
.lvitem .lvname{font-size:12px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lvitem .lvmeta{font-size:10px;color:var(--dim);margin-top:3px}

.lvitem .lvload{flex-shrink:0;background:var(--panel);border:1px solid var(--acid);color:var(--acid);
  font-family:var(--mono);font-size:11px;letter-spacing:.1em;padding:9px 16px;cursor:pointer}
.lvitem .lvload:hover{background:var(--acid);color:var(--bg);font-weight:700}

.lvitem .lvdel{flex-shrink:0;width:26px;height:26px;background:none;border:1px solid var(--line);
  color:var(--dim);font-size:12px;line-height:1;cursor:pointer;padding:0}
.lvitem .lvdel:hover{border-color:var(--threat);color:var(--threat)}

#lvMsg{font-size:11px;line-height:1.5;margin:8px 0 0;min-height:14px;color:var(--dim)}
#lvMsg.err{color:var(--threat)}
#lvMsg.ok{color:var(--acid)}
#lvEmpty{color:var(--dim);font-size:11px;line-height:1.6;padding:14px 2px}

/* preview overlay card */
#lvCard{position:absolute;right:14px;top:12px;background:rgba(14,20,32,.9);border:1px solid var(--line);
  padding:10px 12px;font-size:11px;line-height:1.7;color:var(--dim);pointer-events:none;z-index:3;max-width:260px}
#lvCard b{color:var(--text);font-size:12px;letter-spacing:.06em}
#lvCard .k{color:var(--sky)}

/* ---------- name / password prompt ---------- */
#pmodal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(7,9,15,.75);z-index:60}
#pmodal.on{display:flex}
#pmodal .box{width:min(420px,92vw);background:var(--panel);border:1px solid var(--line);padding:18px}
#pmodal h2{font-size:13px;letter-spacing:.12em;color:var(--sky);margin-bottom:10px}
#pmodal .row{margin-top:14px;justify-content:flex-end}
#pmodal .row .btn{flex:0 0 auto;width:auto;padding:7px 16px}
#pmodal input[type=text],#pmodal input[type=password]{background:var(--panel2);border:1px solid var(--line);
  color:var(--text);font-family:var(--mono);font-size:12px;padding:6px 8px}
#pmodal input:focus{outline:none;border-color:var(--sky)}
#pmmsg{color:var(--threat);font-size:11px;margin-top:8px;min-height:14px}
#pmodal.danger h2{color:var(--threat)}
#pmodal.danger #pmOk{border-color:var(--threat);color:var(--threat)}