/* station.css — การ์ด "ดาวน์โหลดตัวช่วยโต๊ะแพค" ในหน้าแรก (2026-10-03 · hub/station.js) */
.st-card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow); padding: 16px 17px; margin-bottom: 26px;
  display: grid; gap: 14px;
}
.st-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.st-head .ic { font-size: var(--fs-xl); line-height: 1; }
.st-head .name { font-size: var(--fs-lg); font-weight: 600; }
.st-ver { background: var(--ok-bg); color: var(--ok); border-radius: 999px; padding: 2px 10px; font-size: var(--fs-xs); font-weight: 600; }
.st-meta { color: var(--faint); font-size: var(--fs-xs); }
.st-tip { cursor: help; color: var(--faint); font-size: var(--fs-sm); }
.st-new { border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; background: var(--surface-2); }
.st-new b { font-size: var(--fs-sm); }
.st-new ul { margin: 6px 0 0; padding-left: 20px; font-size: var(--fs-sm); color: var(--text); }
.st-new li { margin: 3px 0; }
.st-row { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.st-btn {
  display: inline-flex; align-items: center; gap: 8px; border: 0; border-radius: 10px;
  background: var(--brand); color: #fff; font: inherit; font-weight: 600; font-size: var(--fs-md);
  padding: 10px 18px; cursor: pointer;
}
.st-btn:hover:not(:disabled) { background: var(--brand-dark); }
.st-btn:disabled { opacity: .6; cursor: wait; }
.st-msg { font-size: var(--fs-sm); color: var(--muted); }
.st-msg.ok { color: var(--ok); } .st-msg.err { color: var(--danger); }
.st-steps { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); }
.st-steps li { display: flex; gap: 10px; align-items: flex-start; border: 1px solid var(--line); border-radius: 10px; padding: 10px 12px; font-size: var(--fs-sm); line-height: 1.55; }
.st-steps .n { flex: none; width: 24px; height: 24px; border-radius: 50%; background: var(--brand); color: #fff; display: grid; place-items: center; font-weight: 700; font-size: var(--fs-sm); }
.st-steps small { display: block; color: var(--muted); font-size: var(--fs-xs); }
.st-err { background: var(--danger-bg); color: var(--danger); border-radius: 10px; padding: 10px 12px; font-size: var(--fs-sm); }