/* صفحة التحقق من فاتورة الرحلة برمز QR (2026-10-12) */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body { background: var(--bg); color: var(--ink); font-family: Tajawal, system-ui, sans-serif; min-height: 100vh; }
.iv { max-width: 28rem; margin: 0 auto; padding: 1.25rem 1rem 2rem; }
.iv-head { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; }
.iv-logo { height: 2.5rem; width: auto; }
.iv-lang { color: var(--brand); font-size: .9rem; text-decoration: none; }
.iv-card { background: var(--surface); border: 1px solid var(--line); border-radius: 1.25rem; box-shadow: var(--shadow-pop); padding: 1.25rem; }
.iv-ok, .iv-bad { display: flex; align-items: center; gap: .5rem; margin: 0 0 1rem; font-weight: 700; font-size: 1.05rem; }
.iv-ok { color: var(--ok, #1a7a45); }
.iv-bad { color: var(--terracotta); }
.iv-ok span, .iv-bad span { display: inline-grid; place-items: center; width: 1.75rem; height: 1.75rem; border-radius: 50%; color: #fff; font-size: 1rem; }
.iv-ok span { background: var(--ok, #1a7a45); }
.iv-bad span { background: var(--terracotta); }
.iv-facts { display: grid; grid-template-columns: 1fr 1fr; gap: .5rem; margin: 0; }
.iv-facts div { background: var(--surface-2); border-radius: .75rem; padding: .5rem .75rem; }
.iv-facts dt { font-size: .8rem; color: var(--ink-3); }
.iv-facts dd { margin: .1rem 0 0; font-weight: 700; overflow-wrap: anywhere; }
.iv-total { display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; margin: 1rem 0 0; padding-top: .75rem; border-top: 2px solid var(--brand); color: var(--brand-strong); }
.iv-total b { font-size: 1.4rem; font-variant-numeric: tabular-nums; }
.iv-reg { margin: .75rem 0 0; font-size: .85rem; color: var(--ink-2); }
.iv-note { color: var(--ink-2); font-size: .9rem; line-height: 1.6; margin: 1rem 0 0; }