/* intake.css — P-0028 塊 2「從賽務取得比賽」區塊（js/intake/bundleintake.js 畫的 DOM）。
 *
 * VIS（scout.html）與電子紀錄（escoresheet.html，他們的下一批）共用。
 * 只用 base.css 的語意令牌（--c-*）：深色／淺色兩個主題都有定義，這一塊不需要自己的主題。
 * 刻意不寫進 base.css：base.css 會被 run_relay.sh 同步到公開的 relay/static/，
 * 一段只給記錄端用的樣式沒有理由出現在公開站。
 */

[data-bundle-intake] {
  border: 1px solid var(--c-border-soft);
  border-radius: 6px;
  padding: 0.6rem 0.8rem;
  margin: 0 0 0.8rem;
  background: var(--c-surface-sunken);
}

[data-bundle-intake] .bdl-h {
  margin: 0 0 0.4rem;
  font-size: 1rem;
}

[data-bundle-intake] .bdl-actions,
[data-bundle-intake] .bdl-import {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin: 0.3rem 0;
}

[data-bundle-intake] .bdl-scope,
[data-bundle-intake] .bdl-reason,
[data-bundle-intake] .bdl-hint {
  margin: 0.2rem 0;
  font-size: 0.85rem;
}

[data-bundle-intake] .bdl-reason {
  color: var(--c-text-dim);
}

/* 檔案選擇器藏在按鈕樣式的 <label> 裡：點 label 就開檔案對話框。 */
[data-bundle-intake] .bdl-import-btn {
  display: inline-block;
  width: auto;
  margin: 0;
  cursor: pointer;
}

[data-bundle-intake] .bdl-import-btn.is-busy {
  opacity: var(--c-opacity-disabled);
  cursor: progress;
}

[data-bundle-intake] .bdl-file {
  display: none;
}

[data-bundle-intake] .bdl-status {
  margin: 0.3rem 0;
  min-height: 1.2em;
}

[data-bundle-intake] .bdl-status.is-error {
  color: var(--c-err);
}

[data-bundle-intake] .bdl-summary {
  margin: 0.3rem 0;
  font-weight: 600;
}

[data-bundle-intake] .bdl-note {
  margin: 0.25rem 0;
  font-size: 0.88rem;
}

[data-bundle-intake] .bdl-note.is-warn {
  color: var(--c-warn-text);
}

/* 「沒有記為下發」要大聲（C6）：那個後果（回寫全變衝突、沒有 LIVE）現場看不出來。 */
[data-bundle-intake] .bdl-note.is-loud {
  color: var(--c-err);
  font-weight: 600;
  border-left: 3px solid var(--c-err);
  padding-left: 0.5rem;
}

[data-bundle-intake] .bdl-row {
  padding: 0.35rem 0;
  border-top: 1px solid var(--c-divider);
}

[data-bundle-intake] .bdl-row-head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem 0.6rem;
}

[data-bundle-intake] .bdl-row-label {
  flex: 1 1 12rem;
  min-width: 0;
}

[data-bundle-intake] .bdl-row[data-outcome="created"] .bdl-row-outcome {
  color: var(--c-ok);
}

[data-bundle-intake] .bdl-row[data-outcome="mismatch"] .bdl-row-outcome,
[data-bundle-intake] .bdl-row[data-outcome="failed"] .bdl-row-outcome {
  color: var(--c-err);
}

[data-bundle-intake] .bdl-row[data-outcome="skipped_other_venue"] .bdl-row-outcome,
[data-bundle-intake] .bdl-row[data-outcome="exists"] .bdl-row-outcome {
  color: var(--c-text-dim);
}

[data-bundle-intake] .bdl-row-details {
  margin: 0.2rem 0 0 1rem;
  padding: 0;
  font-size: 0.85rem;
  color: var(--c-text-dim);
}

/* P-0031 §4.5（v3.64）：以現場為準的欄位兩邊不同。判定仍是「已存在」（安靜的灰），
 * 所以這一則要自己看得見——不然它就藏在一列灰字裡。 */
[data-bundle-intake] .bdl-row-details .bdl-row-warn {
  color: var(--c-warn-text);
}

/* 階段 B：線上那一段（預覽 → 清單 → 取得並下發）。清單在兩顆鍵**之間**（§10 U4）。 */
[data-bundle-intake] .bdl-online {
  margin: 0 0 0.5rem;
  padding: 0 0 0.4rem;
  border-bottom: 1px solid var(--c-divider);
}

[data-bundle-intake] .bdl-preview:empty {
  display: none;
}

[data-bundle-intake] .bdl-preview {
  margin: 0.3rem 0;
  padding: 0.2rem 0.5rem;
  border-left: 3px solid var(--c-border);
}

[data-bundle-intake] .bdl-row[data-preview="new"] .bdl-row-outcome {
  color: var(--c-primary-text);
}

[data-bundle-intake] .bdl-row[data-preview="mismatch"] .bdl-row-outcome,
[data-bundle-intake] .bdl-row[data-preview="failed"] .bdl-row-outcome {
  color: var(--c-err);
}

[data-bundle-intake] .bdl-row[data-preview="exists"] .bdl-row-outcome,
[data-bundle-intake] .bdl-row[data-preview="skipped_other_venue"] .bdl-row-outcome {
  color: var(--c-text-dim);
}

/* 賽務的原文：收件人是**賽務人員**（標題寫明），內容原樣、可選取複製。 */
[data-bundle-intake] .bdl-comp-original {
  margin: 0.3rem 0;
  padding: 0.3rem 0.5rem;
  border: 1px dashed var(--c-border);
  border-radius: 4px;
  font-size: 0.85rem;
}

[data-bundle-intake] .bdl-comp-original-h {
  margin: 0 0 0.2rem;
  color: var(--c-text-dim);
}

[data-bundle-intake] .bdl-comp-original-text {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  user-select: text;
}