/* 檯面固定裝置(Surface K)。
 *
 * ⚠️ **不可放回 inline。** Traefik 的 CSP 是 style-src 'self' ——
 *    inline <style> 會被瀏覽器整塊拒絕,頁面變成沒有樣式的裸 HTML,
 *    而伺服器端一切正常、HTTP 200。
 *
 * ⚠️ 這台機器與手持裝置(Surface D)的使用情境不同:
 *    它固定在櫃檯上、由**獲授權方**的職員操作,而查驗結果會被
 *    站在對面的人看到。因此:字更大、裁決更簡化、
 *    **不顯示完整識別碼**(對面那個人不需要、也不該看到)。
 */

body { font-family: var(--font-platform); color: var(--ink-900); }

/* 裁決區塊 —— 一眼可辨,不必讀文字。 */
.k-verdict {
  border-radius: var(--radius-lg);
  padding: var(--space-6) var(--space-5);
  text-align: center;
}
.k-verdict h2 { font-size: 34px; line-height: 1.15; margin: 0 0 var(--space-2); }
.k-verdict p  { font-size: 16px; margin: 0; opacity: .92; }

/* ⚠️ 候位室是給公眾看的大字判定,對比更不能將就。
   底色不動(兩軸語意),只換文字色。 */
.k-verdict.genuine     { background: var(--verdict-genuine, #0d6e63);     color: var(--on-genuine); }
.k-verdict.problematic { background: var(--verdict-problematic, #A8620A); color: #fff; }
.k-verdict.notgenuine  { background: var(--verdict-problematic, #B3261E); color: #fff; }
.k-verdict.uncertain   { background: var(--surface-2, #f4f5f7); color: var(--ink-900);
                         border: 2px dashed var(--line-200); }

/* 待機畫面:大而安靜,長時間亮著也不刺眼。 */
.k-idle { text-align: center; padding: var(--space-8) var(--space-4); }
.k-idle h2 { font-size: 28px; margin: 0 0 var(--space-3); }
.k-idle p  { font-size: 15px; color: var(--ink-700); margin: 0; }

/* 觸控目標 ≥ 56px —— 規格 U-14。櫃檯人員可能戴手套。 */
.k-btn {
  min-height: 56px; min-width: 56px;
  font-size: 17px; padding: 0 var(--space-5);
  border-radius: var(--radius-md);
}

/* PIN 輸入 —— 字元不回顯,只顯示已輸入的位數。 */
.k-pin { display: flex; gap: var(--space-2); justify-content: center; margin: var(--space-4) 0; }
.k-pin span {
  width: 18px; height: 18px; border-radius: 50%;
  border: 2px solid var(--line-200);
}
.k-pin span.on { background: var(--ink-900); border-color: var(--ink-900); }