/* 秋招工作台 · helper-status.css —— 顶栏的网申预填助手指示灯 */

.helper-dot{
  display:inline-flex; align-items:center; gap:6px;
  padding:5px 11px; border-radius:9px; cursor:pointer;
  border:1px solid var(--line); background:var(--panel);
  color:var(--muted); font-size:12px; font-weight:650;
  font-family:inherit; transition:border-color .15s, color .15s;
}
.helper-dot:hover{ border-color:var(--accent); color:var(--ink); }

.helper-led{
  width:7px; height:7px; border-radius:50%; flex:none;
  background:var(--faint);
}
.helper-dot.on    { border-color:#10b981; color:#10b981; background:rgba(16,185,129,.07); }
.helper-dot.on    .helper-led{ background:#10b981; box-shadow:0 0 5px #10b981; }
.helper-dot.warn  { border-color:var(--warn,#b45309); color:var(--warn,#b45309); background:rgba(180,83,9,.07); }
.helper-dot.warn  .helper-led{ background:var(--warn,#b45309); }
.helper-dot.off   { color:var(--faint); }
.helper-dot.off   .helper-led{ background:var(--faint); }
.helper-dot.checking .helper-led{ background:var(--faint); animation:helper-blink 1.1s ease-in-out infinite; }

@keyframes helper-blink{ 0%,100%{opacity:.3} 50%{opacity:1} }

/* ---------- 说明弹窗 ---------- */
#helper-help{ z-index:99994; }
.helper-help-card{ width:min(580px, 94vw); max-height:88vh; display:flex; flex-direction:column; }
.helper-help-card .modal-body{ overflow-y:auto; }
.helper-help-card h4{
  margin:18px 0 8px; font-size:12.5px; font-weight:750; color:var(--ink);
}
.helper-help-card h4:first-child{ margin-top:0; }

.helper-state{
  margin:0; padding:10px 13px; border-radius:9px;
  font-size:13px; line-height:1.7; font-weight:650;
}
.helper-state.on { background:rgba(16,185,129,.09); color:#0f9b74; }
.helper-state.off{ background:rgba(180,83,9,.09); color:var(--warn,#b45309); }

.helper-steps{ margin:0; padding-left:20px; font-size:12.5px; line-height:1.9; }
.helper-steps > li + li{ margin-top:10px; }
.helper-steps code{
  padding:1px 5px; border-radius:4px; font-size:11.5px;
  background:var(--panel-sub); word-break:break-all;
}
.helper-cmd{
  display:block; margin-top:4px; padding:7px 10px !important;
  border:1px solid var(--line); border-radius:6px;
}

.helper-note{ margin:0; font-size:12.5px; line-height:1.85; color:var(--muted); }
.helper-note b{ color:var(--ink); }
.helper-wont{ padding-left:20px; }
.helper-wont > li + li{ margin-top:3px; }

@media (max-width: 640px){
  .helper-dot .helper-text{ display:none; }   /* 窄屏只留一个点 */
  .helper-dot{ padding:6px 8px; }
}