.chart-entry-qr-tools { display:flex; justify-content:flex-end; margin:0 0 20px; }
.chart-entry-qr-button { display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:8px 14px; border:1px solid #c6b897; border-radius:4px; color:#26374a; background:#fffefb; font-size:13px; text-decoration:none; }
.chart-entry-qr-button:hover { background:#efefe7; }
.chart-entry-qr-button:focus-visible,.chart-entry-qr-dialog :focus-visible { outline:2px solid #927743; outline-offset:3px; }
.chart-entry-qr-dialog:not([open]) { display:none; }
.chart-entry-qr-dialog { box-sizing:border-box; width:420px; max-width:calc(100vw - 24px); max-height:calc(100vh - 24px); margin:auto; padding:20px 24px 28px; overflow:auto; border:1px solid #deded5; border-radius:8px; background:#fff; color:#26374a; text-align:center; }
.chart-entry-qr-dialog::backdrop { background:rgba(16,29,43,.65); }
.chart-entry-qr-close { display:block; margin:0 0 12px auto; min-width:64px; min-height:44px; padding:8px 12px; border:1px solid #c6b897; border-radius:4px; background:#fff; color:#26374a; font:inherit; font-size:14px; cursor:pointer; }
.chart-entry-qr-dialog h2 { margin:0 0 10px; font-size:20px; font-weight:500; line-height:1.6; }
.chart-entry-qr-dialog p { margin:0 0 16px; font-size:14px; line-height:1.8; }
.chart-entry-qr-image { display:block; width:312px; height:auto; max-width:100%; margin:0 auto 16px; background:#fff; forced-color-adjust:none; image-rendering:pixelated; }
.chart-entry-qr-url { display:block; color:#26374a; font-size:13px; line-height:1.6; overflow-wrap:anywhere; text-decoration:underline; }
@media (max-height:500px) and (min-width:540px) {
  .chart-entry-qr-dialog { width:620px; }
  .chart-entry-qr-dialog[open] { display:grid; grid-template-columns:234px 1fr; column-gap:24px; align-items:center; }
  .chart-entry-qr-close { grid-column:2; grid-row:1; margin-bottom:0; }
  .chart-entry-qr-image { grid-column:1; grid-row:1 / 5; width:234px; margin:0; }
  .chart-entry-qr-dialog h2,.chart-entry-qr-dialog p,.chart-entry-qr-url { grid-column:2; }
}
@media (max-width:365px) { .chart-entry-qr-image { width:234px; } }
@media print { .chart-entry-qr-tools,.chart-entry-qr-dialog { display:none!important; } }