/* Free tools (zatca-qr-generator, wave-25-checker, pos-cost-calculator, vat-calculator). Uses the tokens in page.css. */
.tool{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;margin-top:32px}
.tool h2{margin-top:0}
.tool form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px 18px}
.tool label{display:flex;flex-direction:column;gap:6px;font-weight:500;font-size:15px}
.tool label small{color:var(--muted);font-weight:400}
.tool input,.tool select,.tool textarea{font:inherit;font-size:16px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);width:100%;box-sizing:border-box}
.tool textarea{min-height:84px;direction:ltr;font-family:ui-monospace,Menlo,monospace;font-size:14px}
.tool input:focus,.tool select:focus,.tool textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.tool .full{grid-column:1/-1}
.tool .chk{flex-direction:row;align-items:center;gap:10px}
.tool .chk input{width:auto}
.tool .btns{display:flex;flex-wrap:wrap;gap:10px;grid-column:1/-1}
.tool button{font-family:var(--display);font-weight:600;font-size:15px;border:0;border-radius:10px;padding:11px 18px;cursor:pointer;background:var(--night);color:#FAF7F0}
.tool button.alt{background:transparent;color:var(--ink);border:1px solid var(--line)}
.tool .out{margin-top:20px;display:none}
.tool .out.on{display:block}
.tool .verdict{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.5;padding:16px 18px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.tool .verdict.yes{border-color:var(--green)}
.tool .big{font-family:var(--display);font-weight:700;font-size:28px}
.tool .qrbox{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.tool .qrbox canvas{background:#fff;border:1px solid var(--line);border-radius:12px;max-width:100%;height:auto}
.tool code,.tool .mono{font-family:ui-monospace,Menlo,monospace;font-size:13.5px;direction:ltr;unicode-bidi:embed;word-break:break-all}
.tool .err{color:#B42318;font-weight:500;margin-top:10px}
.tool .note{color:var(--muted);font-size:14px;margin-top:10px}
@media (max-width:560px){.tool{padding:16px}.tool .big{font-size:24px}}