.qr-page{display:grid;min-width:0;gap:16px}.qr-panel{min-width:0;padding:20px;border:1px solid #d6e0e9;border-radius:16px;background:#fff;box-shadow:0 10px 30px rgba(30,48,70,.07)}.qr-message,.qr-note{margin:0;color:#4a5d73;line-height:1.65}.qr-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.qr-tabs button{min-height:42px;padding:0 14px;border:1px solid #d6e0e9;border-radius:10px;background:#fff;color:#4a5d73;cursor:pointer;font:inherit}.qr-tabs button:hover{border-color:#2f66d0}.qr-tabs button:focus-visible,.qr-form input:focus-visible,.qr-form select:focus-visible{outline:3px solid rgba(47,102,208,.18);outline-offset:1px}.qr-tabs button.active{border-color:#2f66d0;background:#edf4ff;color:#2452aa;font-weight:700}.qr-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.qr-form label{display:grid;min-width:0;gap:6px;color:#4a5d73;font-size:12px;font-weight:650}.qr-form input,.qr-form select{box-sizing:border-box;min-width:0;height:42px;padding:0 10px;border:1px solid #d6e0e9;border-radius:10px;background:#fff;color:#152235;font:500 13px/20px var(--font-sans,inherit)}.qr-form button{min-height:42px}.qr-form button:disabled{cursor:wait;opacity:.65}.qr-message{min-height:22px;margin:12px 0 0;font-size:12px}.qr-result{min-width:0;min-height:120px;margin-top:8px;padding:16px;border:1px solid #d6e0e9;border-radius:12px;background:#f6f8fb;overflow:hidden}.qr-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.qr-result-head small,.qr-meta{color:#6f7f91;font-size:12px}.qr-result-head h3{margin:4px 0 0;color:#152235;font-size:18px}.qr-status{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f1f4f7;color:#69788b;font-size:12px;font-weight:700}.qr-status i{width:7px;height:7px;border-radius:50%;background:currentColor}.qr-status.ok{background:#e9f7f1;color:#087a55}.qr-status.bad{background:#fceff1;color:#c33e4a}.qr-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:14px}.qr-meta span{overflow-wrap:anywhere}.qr-meta b{color:#152235}.qr-facts,.qr-checks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.qr-fact{display:grid;min-width:0;gap:5px;padding:12px;border:1px solid #d6e0e9;border-radius:10px;background:#fff}.qr-fact>span{color:#6f7f91;font-size:12px}.qr-fact>b{min-width:0;color:#152235;font-size:15px;overflow-wrap:anywhere}.qr-amount{font-variant-numeric:tabular-nums}.qr-amount small{color:#6f7f91;font-size:12px;font-weight:500}.qr-yes{color:#087a55}.qr-no{color:#c33e4a}.qr-warning,.qr-note{margin:12px 0 0;padding:10px 12px;border-radius:10px;background:#f1f4f7;font-size:12px}.qr-warning{border-left:3px solid #c33e4a;color:#4a5d73}.qr-evidence{margin-top:12px}.qr-evidence summary{color:#216bc4;cursor:pointer;font-size:12px;font-weight:700}.qr-evidence pre{max-height:360px;margin:10px 0;padding:12px;border-radius:8px;background:#fff;overflow:auto;white-space:pre-wrap;word-break:break-word;font:12px/1.65 var(--font-mono,monospace)}.qr-evidence code{display:block;color:#6f7f91;overflow-wrap:anywhere}.qr-table-scroll{min-width:0;margin:10px 0;overflow-x:auto}.qr-table-scroll table{width:100%;min-width:820px;border-collapse:collapse;background:#fff}.qr-table-scroll th,.qr-table-scroll td{padding:11px 12px;border-bottom:1px solid #d6e0e9;text-align:left;vertical-align:top}.qr-table-scroll th{color:#4a5d73;font-size:12px;font-weight:600}.qr-table-scroll td{color:#152235;font-size:13px;font-weight:500}.qr-empty{display:grid;place-content:center;min-height:96px;gap:5px;color:#6f7f91;text-align:center}.qr-empty b{color:#4a5d73}.qr-error b{color:#c33e4a}@media(max-width:1280px){.qr-form{grid-template-columns:repeat(3,minmax(0,1fr))}.qr-form button{grid-column:auto}.qr-facts,.qr-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.qr-form{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-form button{grid-column:1/-1}.qr-result{overflow:visible}}@media(max-width:430px){.qr-panel{padding:14px}.qr-form,.qr-facts,.qr-checks{grid-template-columns:1fr}.qr-form button{min-height:44px}.qr-result{padding:12px}.qr-result-head{display:grid}.qr-tabs button{flex:1 1 100%;min-height:44px}.qr-meta{display:grid;gap:6px}.qr-table-scroll{max-width:100%}}

.qr-dialog{position:fixed;inset:0;z-index:2600;display:grid;place-items:center;padding:16px;background:rgb(16 36 58 / 55%);box-sizing:border-box}.qr-dialog[hidden]{display:none}.qr-dialog-panel{width:min(720px,100%);max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;border-radius:var(--radius-card,16px);background:var(--color-surface,#fff);box-shadow:var(--shadow-card)}.qr-dialog-panel>header{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line,#d6e0e9);background:var(--color-surface,#fff)}.qr-dialog-panel h3{margin:0;font-size:16px}.qr-dialog-panel header button{width:36px;height:36px;border:0;background:transparent;font-size:22px}.qr-dialog-panel dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:18px}.qr-dialog-panel dt{font-size:12px;color:var(--muted,#69788b)}.qr-dialog-panel dd{margin:4px 0 0;font-size:13px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.qr-dialog-panel pre{margin:16px;padding:12px;background:var(--color-surface-muted,#f6f8fb);font:12px/1.65 var(--font-mono,monospace);white-space:pre-wrap;overflow-wrap:anywhere}.qr-dialog-panel code{display:block;padding:0 16px 16px;overflow-wrap:anywhere;font-size:12px}@media(max-width:520px){.qr-dialog-panel dl{grid-template-columns:1fr}.qr-dialog-panel header button{min-width:44px;min-height:44px}}

.qr-form label[hidden]{display:none}.qr-result{padding:12px}.qr-panel{padding:16px}.qr-table-scroll td:nth-child(n+3),.qr-table-scroll th:nth-child(n+3){text-align:right}.qr-fact>b{font-variant-numeric:tabular-nums}.qr-tabs{margin-bottom:12px}@media(max-width:430px){.qr-form{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-form .qr-merchant,.qr-form .qr-provider{grid-column:1/-1}.qr-tabs button{flex:1 1 auto}.qr-facts,.qr-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-fact{padding:9px}.qr-fact>b{font-size:13px}}
