/*
 * 版型（SB Admin 2 / Bootstrap 4）之外的少量自訂樣式。
 * 能用 Bootstrap 內建 class 解決的不要寫在這裡。
 */

.link-button {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
}

/* ---------- 儀錶板／後台首頁的連結卡片（mixins.pug 的 +tile） ---------- */
.tile-link { text-decoration: none !important; color: inherit; transition: transform .1s ease, box-shadow .1s ease; }
.tile-link:hover { transform: translateY(-2px); box-shadow: 0 .5rem 1.5rem rgba(58, 59, 69, .2) !important; }
@media (prefers-reduced-motion: reduce) {
  .tile-link, .tile-link:hover { transition: none; transform: none; }
}

/* ---------- 2FA 驗證碼輸入 ---------- */
.otp-input { font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace; font-size: 1.25rem; letter-spacing: .5em; }

/* ---------- 機型配置：角度表格 ---------- */
.slot-count-input { width: 5rem; }
.angles-table input.form-control { min-width: 5rem; }

/* ---------- 傳輸記錄（Hex Log，見 public/js/hexlog.js） ---------- */
.hexlog {
  max-height: 260px;
  overflow-y: auto;
  background: #1c2229;
  color: #e6edf3;
  border-radius: .35rem;
  padding: .5rem .75rem;
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  font-size: 12px;
  line-height: 1.6;
}
.hexlog:empty::before { content: attr(data-empty); color: #7b8794; }
.hexlog-row { display: flex; gap: 10px; white-space: pre; }
.hexlog-time { color: #7b8794; flex: none; }
.hexlog-dir { flex: none; width: 56px; text-transform: uppercase; font-weight: 600; }
.hexlog-len { flex: none; color: #7b8794; width: 46px; }
.hexlog-bytes { word-break: break-all; white-space: pre-wrap; }
.hexlog-tx .hexlog-dir { color: #79b8ff; }
.hexlog-rx .hexlog-dir { color: #85e89d; }
.hexlog-unsolicited .hexlog-dir { color: #ffab70; }
.hexlog-error,
.hexlog-error .hexlog-dir { color: #ff7b72; }