/* Master Vortex — saved chart layouts (layouts.js).
   Modeled on the Indicators button/panel (.ind-btn/.ind-panel). */
.lay-wrap{position:relative; display:inline-flex; align-items:center;}
.lay-btn{display:inline-flex; align-items:center; gap:2px;}
.lay-btn #layoutName{max-width:150px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.lay-panel{
  position:fixed; top:64px; right:12px; width:320px; max-height:calc(100vh - 120px);
  overflow-y:auto; z-index:65; background:var(--panel-2);
  border:1px solid rgba(30,227,8,.35); border-radius:10px;
  box-shadow:0 18px 50px rgba(0,0,0,.65), 0 0 24px rgba(30,227,8,.08);
  padding:12px; font-size:13px; color:#dfe9f5;
}
.lay-head{font-weight:400; letter-spacing:.8px; font-size:12.5px; color:#8fa8c4; margin-bottom:10px;}
.lay-actions{display:flex; gap:8px; margin-bottom:10px;}
.lay-actions button{
  flex:1; background:#101823; color:#dfe9f5; border:1px solid #1d2c42; border-radius:8px;
  font-size:13px; font-weight:400; padding:8px 10px; cursor:pointer; font-family:inherit;
}
.lay-actions button:hover:not(:disabled){border-color:rgba(30,227,8,.5); color:#fff;}
.lay-actions button:disabled{opacity:.45; cursor:default;}
.lay-list{display:flex; flex-direction:column; gap:4px;}
.lay-row{
  display:flex; align-items:stretch; gap:4px; border:1px solid #1d2c42;
  border-radius:8px; background:#0b1220; overflow:hidden;
}
.lay-row.current{border-color:rgba(30,227,8,.55);}
.lay-open{
  flex:1; display:flex; flex-direction:column; align-items:flex-start; gap:1px;
  background:none; border:none; color:#dfe9f5; padding:8px 10px; cursor:pointer;
  font-family:inherit; text-align:left; min-width:0;
}
.lay-open:hover{background:rgba(30,227,8,.07);}
.lay-name{font-weight:400; font-size:13.5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:210px;}
.lay-row.current .lay-name{color:var(--green);}
.lay-time{font-size:11px; color:#8fa8c4;}
.lay-rename,.lay-del{
  background:none; border:none; color:#8fa8c4; width:32px; cursor:pointer;
  font-size:13px; font-family:inherit;
}
.lay-rename:hover{color:#fff;}
.lay-del:hover{color:#ff3b47;}
.lay-empty{color:#8fa8c4; font-size:12.5px; padding:8px 2px; line-height:1.45;}
.lay-foot{margin-top:10px; font-size:11.5px; color:#8fa8c4; line-height:1.45;}
