/* barcode.css — 條碼查詢（2026-08-08 主題化） */
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--text); font-family:"Segoe UI","PingFang TC","Microsoft JhengHei",sans-serif; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:20px; }
.card { background:var(--panel); border:1px solid var(--border-strong); border-radius:16px; padding:28px 24px; max-width:420px; width:100%; text-align:center; }
h1 { font-size:18px; margin-bottom:6px; }
.oid { font-family:ui-monospace,monospace; font-size:15px; color:var(--blue); word-break:break-all; margin-bottom:14px; }
#bar { background:#fff; border-radius:8px; padding:8px; display:block; }
#bar canvas { margin:auto; display:block; }
.status { margin-top:16px; font-size:17px; font-weight:700; padding:10px 14px; border-radius:10px; }
.st-ok { background:rgba(63,185,80,.15); color:var(--green); }
.st-used { background:rgba(248,81,73,.15); color:var(--red); }
.st-lock { background:rgba(139,148,158,.12); color:var(--muted); }
.st-miss { background:rgba(139,148,158,.12); color:var(--muted); }
.sub { color:var(--muted); font-size:13px; margin-top:14px; line-height:1.6; }
.paid { color:var(--gold); font-size:14px; margin-top:8px; }
/* 亮色主題：狀態徽章一致 */
:root[data-theme="light"] .st-ok { background:rgba(47,143,91,.14); color:#1e6b3f; }
:root[data-theme="light"] .st-used { background:rgba(214,69,69,.12); color:#b23b3b; }
@media print {
  body { background:#fff; }
  .card { border:none; padding:0; max-width:100%; }
  .sub { display:none; }
  .searchrow, #myBtn, #myList, #printBtn { display:none !important; }
  #bar { background:#fff; padding:0; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
  #bar canvas { width:180px !important; height:180px !important; }
  .oid, #status, #paid, #orderInfo { color:#000 !important; -webkit-print-color-adjust:exact; print-color-adjust:exact; }
}