html,body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
/* Additions for the live site (admin, forms, links) on top of style.css */
a.btn{text-decoration:none}
form.inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.tabs .tab{border:0;background:transparent;color:var(--muted);font:inherit;font-family:var(--label);font-weight:700;font-size:14.5px;padding:8px 18px;border-radius:10px;cursor:pointer;text-decoration:none;white-space:nowrap}
.tabs .tab:hover{color:var(--ink)}
.tabs .tab[aria-current="true"]{background:var(--navy);color:#fff}
.flash{border-radius:12px;padding:12px 16px;font-family:var(--label);font-weight:700;background:var(--ok-bg);color:var(--ok)}
.flash.bad{background:var(--bad-bg);color:var(--bad)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.prev{width:110px;height:132px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.edit-grid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.edit-grid > *{min-width:0}
.edit-photo{display:grid;gap:10px;justify-items:center;max-width:180px}
@media (max-width:560px){.edit-grid{grid-template-columns:1fr}.edit-photo{max-width:none}}
.danger-zone{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:14px;border-top:1px dashed var(--line);font-size:13px}
.btn.danger{background:transparent;color:var(--bad);border:1px solid var(--line)}
.row-btns{display:flex;flex-wrap:wrap;gap:8px}
.linkbtn{background:none;border:0;padding:0;color:var(--bad);font:inherit;font-size:12.5px;cursor:pointer;text-decoration:underline}
.rep-item.new{background:var(--red-bg);margin-inline:-12px;padding-inline:12px;border-radius:10px}
a.stat{text-decoration:none;color:inherit}
.search-form{flex-wrap:wrap}
.contact .c a.num{display:block;font-family:var(--label);font-weight:700;font-size:15px;color:var(--ink);text-decoration:none;direction:ltr;text-align:right;font-variant-numeric:tabular-nums}
.fake-contact .nums a{color:inherit;text-decoration:none}
.report .flash{font-size:14px}
textarea{font:inherit}
.rform textarea{min-height:90px}
.qrbox img,.qrbox canvas{image-rendering:pixelated}

/* ---------- vehicle badges ---------- */
.car{padding:24px 24px 8px;display:grid;gap:18px}
.plate{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:0;max-width:420px;width:100%;margin-inline:auto;background:#fff;color:#111;border:3px solid #111;border-radius:10px;overflow:hidden;box-shadow:0 6px 16px rgba(0,0,0,.15);font-family:var(--label)}
.plate .pl-prov{background:#111;color:#fff;font-weight:700;font-size:15px;padding:14px 12px;writing-mode:horizontal-tb;text-align:center;min-width:72px}
.plate .pl-num{font-size:clamp(26px,7vw,38px);font-weight:800;text-align:center;letter-spacing:.06em;padding:8px 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.plate .pl-iq{font-size:10px;font-weight:700;line-height:1.3;text-align:center;padding:0 10px;border-inline-start:2px solid #111;color:#333}
.car-body{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.car-photo{width:220px;max-width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:12px;border:1px solid var(--line)}
.car-body .facts{flex:1 1 240px}
.owner{margin:8px 24px 20px;padding:14px 16px;border-radius:14px;background:var(--surface-2);border:1px solid var(--line);display:grid;gap:8px}
.owner-in{display:flex;gap:14px;align-items:center}
.owner-in .photo{width:64px;height:78px;font-size:26px;border-width:2px}
.owner-in b{display:block;font-family:var(--label);font-size:17px}
.owner-in span{color:var(--muted);font-size:13.5px}
.car-endorse .to{margin:0;font-family:var(--label);font-weight:800;font-size:clamp(20px,5.2vw,28px);line-height:1.6;color:var(--red);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px;text-wrap:balance;position:relative}
.car-endorse p{font-size:clamp(18px,4.6vw,23px)}
label.check{display:flex;align-items:center;gap:8px;align-self:end;padding:10px 0;color:var(--ink);font-size:14px}
label.check input{width:18px;height:18px}
.car-thumb{width:160px;border-radius:10px;border:1px solid var(--line)}
.mini-plate{display:grid;justify-items:center;min-width:76px;padding:4px 8px;border:2px solid var(--ink);border-radius:8px;background:var(--surface);font-family:var(--label);line-height:1.2}
.mini-plate b{font-size:14px;font-variant-numeric:tabular-nums}
.mini-plate span{font-size:11px;color:var(--muted)}
select{font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px;width:100%}

/* Legal basis line under the endorsement */
.legal{position:relative;display:flex;gap:12px;align-items:center;max-width:44ch;padding:12px 16px;border-radius:12px;background:var(--surface);border:2px solid var(--gold);box-shadow:0 0 0 4px var(--red-bg),0 0 0 5px rgba(201,164,92,.35);text-align:start}
.legal-ic{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#e2bd6b}
.legal-ic svg{width:22px;height:22px}
.legal p{margin:0;font-family:var(--label);font-weight:700;font-size:clamp(14.5px,3.7vw,17px);line-height:1.8;color:var(--ink);max-width:none}
.legal p b{color:var(--red);font-weight:800}
@media (max-width:520px){.legal{flex-direction:column;text-align:center;gap:8px;padding:14px 12px}}