/* css/custom.css
   全站自定義樣式 — 緊湊表格 / inline 編輯 / 小按鈕
   目的：讓 vehicle/index.php 與 line/index.php 的表格行距更緊湊
*/

/* ===== 全域變數（方便調整） ===== */
:root{
  --compact-cell-vert-padding: .28rem; /* 表格上下內距 */
  --compact-cell-horiz-padding: .40rem; /* 表格左右內距 */
  --compact-font-size: .92rem;
  --compact-input-height: calc(1.0rem + .6rem);
  --compact-btn-padding: .18rem .45rem;
  --compact-btn-fontsize: .82rem;
}

/* ===== 針對啟用 .table-compact 的表格 ===== */
/* 使用方式： <table class="table table-striped table-bordered align-middle table-compact"> */
.table-compact {
  font-size: var(--compact-font-size);
}

/* th/td 緊湊 padding、較小行高 */
.table-compact th,
.table-compact td {
  padding: var(--compact-cell-vert-padding) var(--compact-cell-horiz-padding);
  vertical-align: middle;
  line-height: 1.05;
  white-space: nowrap;
}

/* 讓表頭字體略小但仍可讀 */
.table-compact thead th {
  font-size: 0.95em;
  font-weight: 600;
}

/* 表格裡的小表單（inline input） */
.table-compact .form-control,
.table-compact .form-control-sm,
.inline-input {
  padding: .18rem .4rem;
  height: var(--compact-input-height);
  font-size: .90rem;
}

/* 小按鈕風格 */
.btn-small,
.table-compact .btn {
  padding: var(--compact-btn-padding);
  font-size: var(--compact-btn-fontsize);
  line-height: 1;
}

/* inline 編輯時的錯誤提示（不佔太多空間） */
.inline-error {
  margin-top: .25rem;
  font-size: .80rem;
}

/* 表格內的 icon 與文字對齊微調 */
.table-compact .bi {
  vertical-align: -0.08em;
}

/* 針對行內的操作欄（避免換行） */
.table-compact td.text-nowr