/* demo/ai-ocr/styles.css — 帳票処理コンソール */
.ocrk { display:flex; flex-direction:column; height:100%; }
.ocrk-status { display:flex; gap:20px; padding:10px 16px; background:#0e1a30;
  border-bottom:1px solid var(--d-line2); color:var(--d-sub); font-size:13px; }
.ocrk-status b { color:var(--d-acc); }
.ocrk-body { display:grid; grid-template-columns:180px 1fr 1fr; flex:1; }
.ocrk-h { color:var(--d-sub); font-size:12px; margin-bottom:8px; }

/* 受信トレイ */
.ocrk-inbox { border-right:1px solid var(--d-line2); padding:14px; }
.ocrk-item { display:block; width:100%; text-align:left; background:var(--d-panel);
  border:1px solid var(--d-line2); border-radius:8px; padding:10px; margin-bottom:8px;
  color:var(--d-fg); cursor:pointer; font-size:12px; }
.ocrk-item.sel { border-color:var(--d-acc); }
.ocrk-item .nm { display:block; margin-bottom:6px; }
.ocrk-item .bd { font-size:10px; padding:2px 8px; border-radius:999px;
  border:1px solid var(--d-line); color:var(--d-sub); }
.ocrk-item .bd.is-review { color:var(--d-warn); border-color:var(--d-warn); }
.ocrk-item .bd.is-linked { color:var(--d-acc); border-color:var(--d-acc); }
.ocrk-item .bd.is-read { color:#8fb3ff; border-color:#3b82f6; }

/* 画像ビュー */
.ocrk-doc { border-right:1px solid var(--d-line2); padding:14px; }
.ocrk-img { width:100%; max-height:300px; object-fit:contain; border:1px solid var(--d-line2);
  border-radius:8px; background:#16233b; display:block; }
.ocrk-img.ph { height:200px; display:flex; align-items:center; justify-content:center; color:#5a708f; }

/* フィールドパネル */
.ocrk-fields { padding:14px; }
.ocrk-tool { display:flex; gap:8px; margin-bottom:12px; flex-wrap:wrap; }
.ocrk-btn { background:#16233b; border:1px solid var(--d-line); color:var(--d-fg);
  border-radius:8px; padding:8px 14px; font-size:13px; cursor:pointer; }
.ocrk-btn:disabled { opacity:.4; cursor:default; }
.ocrk-btn.primary { background:var(--d-acc); border-color:var(--d-acc); color:#04130a; font-weight:700; }
.ocrk-msg { font-size:12px; border-radius:8px; padding:8px 10px; margin-bottom:12px; }
.ocrk-msg.is-info { background:#13233f; border:1px solid #3b82f6; color:#bcd4ff; }
.ocrk-msg.is-warn { background:#3a2f1a; border:1px solid var(--d-warn); color:var(--d-warn); }
.ocrk-msg.is-ok { background:#16332440; border:1px solid var(--d-acc); color:var(--d-acc); }
.ocrk-row { display:flex; align-items:center; gap:8px; background:#0b1526;
  border:1px solid var(--d-line2); border-radius:8px; padding:8px 10px; margin:6px 0; }
.ocrk-row .lab { width:72px; color:var(--d-sub); font-size:12px; }
.ocrk-row .val { flex:1; background:#0e1a30; border:1px solid var(--d-line); border-radius:6px;
  color:var(--d-fg); padding:6px 9px; font-size:13px; }
.ocrk-row.is-flag .val { border-color:var(--d-warn); color:var(--d-warn); }
.ocrk-row.is-fixed .val { border-color:var(--d-acc); }
.ocrk-row .sug { font-size:11px; background:#3a2f1a; border:1px solid var(--d-warn);
  color:var(--d-warn); border-radius:999px; padding:4px 9px; cursor:pointer; white-space:nowrap; }
.ocrk-row .bdg { font-size:11px; width:48px; text-align:right; color:var(--d-sub); }
.ocrk-row.is-flag .bdg { color:var(--d-warn); }
.ocrk-row.is-fixed .bdg, .ocrk-row.is-match .bdg { color:var(--d-acc); }