dialog.reference-number{position:fixed;inset:0 auto auto 50%;transform:translateX(-50%);margin:0;padding:12px 17px 17px;width:318px;max-width:96vw;max-height:100dvh;overflow:auto;background:#333;color:#fff;border:1px solid #596052;border-top:0;border-radius:0;box-sizing:border-box;font:14px Arial,sans-serif;box-shadow:none}.reference-number::backdrop{background:#0006}.reference-number h2{font-weight:400;font-size:20px;text-align:center;margin:0 0 12px}.reference-number>p{text-align:center;margin:0 0 16px}.reference-number input{width:100%;height:39px;text-align:right;background:#333;color:#fff;border:1px solid #596052;font-size:26px;font-weight:bold;border-radius:0;padding:3px 5px;box-sizing:border-box;margin:0 0 6px}.reference-number-keys{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) 60px;grid-template-rows:repeat(4,50px);gap:4px}.reference-number-keys button{background:#333;color:#fff;border:1px solid #596052;border-radius:0;font-size:24px;font-weight:bold;padding:5px}.reference-number-keys [data-key=back]{grid-column:4;grid-row:1}.reference-number-keys [data-key=esc]{grid-column:4;grid-row:2;font-size:16px;font-weight:400}.reference-number-keys [data-key=enter]{grid-column:4;grid-row:3/span 2;font-size:38px}.reference-number-keys [data-key="-"]{grid-column:1;grid-row:4}.reference-number-keys [data-key="0"]{grid-column:2;grid-row:4}.reference-number-keys [data-key="."]{grid-column:3;grid-row:4}.reference-number-error{color:#ff9696;font-size:12px;margin:8px 0 0}.reference-number-error:empty{display:none}.reference-number button:focus-visible{outline:2px solid #1ca9db;outline-offset:-2px}