/* ============================================================
   MASTER VORTEX — interval menu (intervals.js)
   Palette matches styles.css: panel #070d18, edge #16283f,
   green #1ee308, dim text #8fa8c4.
   ============================================================ */

.tf-menu-wrap{position:relative; display:flex; align-items:center;}
.tf-menu-btn{
  background:#101823; color:#dfe9f5; border:1px solid #1d2c42; border-radius:8px;
  font-size:12.5px; font-weight:400; padding:6px 10px; cursor:pointer; font-family:inherit;
  white-space:nowrap;
}
.tf-menu-btn:hover{border-color:rgba(30,227,8,.5); color:#fff;}

.tf-menu{
  position:absolute; right:0; top:calc(100% + 8px); width:248px; max-width:86vw;
  max-height:72vh; overflow-y:auto; z-index:80;
  background:#070d18; border:1px solid #1d2c42; border-radius:10px;
  box-shadow:0 14px 40px rgba(0,0,0,.65), 0 0 18px rgba(30,227,8,.08);
  padding:6px 0 8px;
}
.tf-menu[hidden]{display:none;}

.tf-custom{
  display:flex; align-items:center; gap:6px;
  padding:7px 10px; border-bottom:1px solid #16283f;
}
.tf-custom-plus{color:var(--green, #1ee308); font-weight:400; font-size:14px;}
.tf-custom input[type="number"]{
  flex:1 1 auto; min-width:0; background:#0a1322; color:#e8f4ff;
  border:1px solid #1d2c42; border-radius:6px; padding:6px 8px;
  font-size:12.5px; font-family:inherit;
}
.tf-custom select{
  background:#0a1322; color:#e8f4ff; border:1px solid #1d2c42; border-radius:6px;
  padding:6px 4px; font-size:12.5px; font-family:inherit;
}
.tf-custom button{
  background:#101823; color:#dfe9f5; border:1px solid #1d2c42; border-radius:6px;
  padding:6px 10px; font-size:12.5px; font-weight:400; cursor:pointer; font-family:inherit;
}
.tf-custom button:hover{border-color:rgba(30,227,8,.5); color:#fff;}
.tf-custom-err{
  color:#ff3b47; font-size:11.5px; padding:0 12px; min-height:0;
}
.tf-custom-err:not(:empty){padding:5px 12px 0;}

.tf-grp{
  padding:9px 12px 3px; font-size:10px; font-weight:400;
  letter-spacing:.14em; color:#8fa8c4;
}
.tf-row{
  display:flex; align-items:center; gap:8px;
  padding:5px 12px; cursor:pointer; color:#e8f4ff; font-size:13px;
}
.tf-row:hover{background:rgba(30,227,8,.08);}
.tf-row.cur{background:rgba(30,227,8,.13);}
.tf-row-label{flex:1 1 auto;}
.tf-star{color:#5b7a99; font-size:14px; line-height:1; padding:2px;}
.tf-star.on{color:var(--green, #1ee308);}
.tf-del{color:#5b7a99; font-size:11px; padding:2px;}
.tf-del:hover{color:#ff3b47;}