/* CLINICOS-CLINICAL-CAPTURE-DISTRIBUTION-UI-004
 *
 * 系統設定 › ClinicOS 影像工具（診所端）與 Super 工具發佈管理的樣式。
 *
 * 這是工具下載設定頁，不是行銷頁：沒有 hero、沒有滿版視覺、沒有第二套 Shell。
 * 一律使用既有 --cos-* token，不引入新色票、不改全域樣式。
 *
 * QR 刻意壓在 200px：後端輸出 512px PNG 是為了縮放後仍銳利，直接原尺寸貼上去會變成
 * 一張佔滿版面的大圖，那不是這個頁面該有的比重。
 */

/* ---------- 診所端：ClinicOS 影像工具 ---------- */
.clinical-capture-tool-v1 {
  max-width: 420px;
  padding: 20px;
  border: 1px solid var(--cos-border);
  border-radius: var(--cos-radius-md);
  background: var(--cos-surface);
}

.clinical-capture-tool-title-v1 {
  margin: 0 0 4px;
  color: var(--cos-text);
}

.clinical-capture-tool-desc-v1 {
  margin: 0 0 16px;
  color: var(--cos-text-muted);
  font-size: 13px;
}

.clinical-capture-tool-error-v1 {
  color: var(--cos-text);
}

.clinical-capture-tool-version-v1 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  padding: 10px 0;
  border-top: 1px solid var(--cos-border);
  border-bottom: 1px solid var(--cos-border);
  margin-bottom: 16px;
}

.clinical-capture-tool-version-label-v1 {
  color: var(--cos-text-muted);
  font-size: 13px;
}

.clinical-capture-tool-version-value-v1 {
  font-weight: 600;
  color: var(--cos-text);
}

/* 白底 + quiet zone 由 PNG 自帶的 margin 提供，這裡只負責尺寸與置中。 */
.clinical-capture-tool-qr-v1 {
  display: block;
  width: 200px;
  height: 200px;
  margin: 0 auto 8px;
  background: #ffffff;
  border: 1px solid var(--cos-border);
  border-radius: var(--cos-radius-sm);
  image-rendering: pixelated;
}

.clinical-capture-tool-hint-v1 {
  margin: 0 0 16px;
  text-align: center;
  color: var(--cos-text-muted);
  font-size: 13px;
}

.clinical-capture-tool-download-v1 {
  display: block;
  text-align: center;
  text-decoration: none;
}

.clinical-capture-tool-install-v1 {
  margin: 10px 0 0;
  color: var(--cos-text-subtle);
  font-size: 12px;
  text-align: center;
}

/* 64 個字元不該佔據版面主要位置，收在可展開的區塊裡。 */
.clinical-capture-tool-sha-v1 {
  margin-top: 14px;
  font-size: 12px;
  color: var(--cos-text-muted);
}

.clinical-capture-tool-sha-v1 code {
  display: block;
  margin-top: 6px;
  padding: 8px;
  border-radius: var(--cos-radius-sm);
  background: var(--cos-surface-muted);
  color: var(--cos-text);
  word-break: break-all;
  user-select: all;
}

/* ---------- Super：工具發佈管理 ---------- */
.tool-release-card-v1 {
  max-width: 620px;
}

.tool-release-fixed-v1 {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid var(--cos-border);
  font-size: 13px;
}

.tool-release-fixed-v1 > div {
  display: flex;
  gap: 12px;
  padding: 3px 0;
}

.tool-release-fixed-label-v1 {
  min-width: 72px;
  color: var(--cos-text-muted);
}

.tool-release-field-v1 {
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  color: var(--cos-text-muted);
}

.tool-release-field-v1 input[type="text"] {
  display: block;
  width: 100%;
  margin-top: 4px;
}

.tool-release-enabled-v1 {
  color: var(--cos-text);
}

.tool-release-actions-v1 {
  display: flex;
  gap: 12px;
  align-items: center;
}

.tool-release-msg-v1 {
  margin-top: 10px;
  min-height: 18px;
  font-size: 13px;
  color: var(--cos-text-muted);
}

.tool-release-msg-error-v1 {
  color: var(--cos-danger-border);
}