/* Chestny ZNAK / GS1 code checker (website/js/tools/gs1-code-check.js). Sits inside the shared .bgen-* tool frame
   from landing-v3.css and uses only the v3 tokens. */
.zc-inputs { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.zc-inputs .li-button { padding: 9px 14px; font-size: 13px; }
.zc-file { position: relative; overflow: hidden; }
.zc-file input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.zc-filemsg { min-height: 1.2em; margin: 8px 0 0; color: var(--li-muted); font-size: 12px; }
.zc-summary { margin: 18px 0 8px; padding: 10px 12px; border: 1px solid var(--li-ink); background: white; font: 700 12px/1.4 var(--li-mono); letter-spacing: .04em; }
.zc-summary.is-ok { border-color: var(--li-green); color: var(--li-green); }
.zc-summary.is-bad { border-color: var(--li-signal); color: #8c2a10; background: #fbe9e3; }
.zc-list { display: grid; gap: 4px; max-height: 300px; overflow: auto; }
.zc-item { display: grid; grid-template-columns: auto auto minmax(0, 1fr); gap: 8px; align-items: center; width: 100%; padding: 7px 8px; border: 1px solid var(--li-soft-line); background: white; color: var(--li-ink); text-align: left; cursor: pointer; font: inherit; }
.zc-item:hover { border-color: var(--li-ink); }
.zc-item.is-sel { border-color: var(--li-ink); box-shadow: 3px 3px 0 var(--li-soft-line); }
.zc-item code { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font: 12px var(--li-mono); }
.zc-n { color: var(--li-muted); font: 11px var(--li-mono); }
.zc-chip { padding: 2px 6px; font: 800 10px var(--li-mono); letter-spacing: .08em; text-transform: uppercase; color: white; }
.zc-chip.is-ok { background: var(--li-green); }
.zc-chip.is-bad { background: var(--li-signal); }
.zc-chip.is-warn { background: var(--li-yellow); color: var(--li-ink); }
.zc-gs { padding: 0 2px; background: var(--li-yellow); color: var(--li-ink); font-weight: 800; }
.zc-form { margin: 0 0 10px; color: var(--li-muted); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
.zc-msg { margin: 0 0 10px; padding: 10px 12px; font-size: 13px; line-height: 1.45; }
.zc-msg.is-bad { border: 1px solid var(--li-signal); background: #fbe9e3; color: #8c2a10; }
.zc-msg.is-warn { border: 1px solid var(--li-yellow); background: #fdf3d6; color: var(--li-ink); }
.zc-detail .lp-table { margin: 12px 0 0; }
.zc-detail .lp-table table { min-width: 0; }
.zc-detail td code { overflow-wrap: anywhere; font: 12px var(--li-mono); }
.zc-stage { min-height: 220px; }
.zc-stage canvas { max-width: 100%; height: auto; image-rendering: pixelated; }
.zc-error { margin-top: 10px; color: #8c2a10; font-size: 13px; }
.zc-actions .btn[disabled] { opacity: .45; cursor: not-allowed; }