/* Scoped VeLog journey additions; vehicle controls retain the shared VeLog appearance. */
.vlj-app { margin-block-start: 1.25rem; }
.vlj-app .vlj-facts { display:grid; grid-template-columns:auto minmax(0,1fr); gap:.35rem .7rem; margin:1rem 0; }
.vlj-app .vlj-facts dt { color:var(--muted,#526577); }
.vlj-app .vlj-facts dd { margin:0; text-align:right; overflow-wrap:anywhere; font-variant-numeric:tabular-nums; }
.vlj-app .vlj-journey>p { overflow-wrap:anywhere; }
.vlj-app .vlj-pagination { margin-block-start:1rem; flex-wrap:wrap; }
.vlj-app .vl-button,#vlj-dialog .vl-button { min-height:44px; }
#vlj-dialog { max-height:calc(100dvh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom)); overflow:auto; }
#vlj-dialog textarea { font:inherit; width:100%; resize:vertical; padding:.7rem; border:1px solid var(--border,#a4b3bf); border-radius:12px; box-sizing:border-box; background:var(--surface,#fff); color:var(--text,#16303e); }
#vlj-dialog [data-vlj-error]:not(:empty) { padding:.7rem; border-radius:12px; background:#fff0f0; color:#8e1e26; margin-block:.5rem; }
@media(max-width:420px) {
 .vlj-app .vlj-facts { grid-template-columns:1fr; }
 .vlj-app .vlj-facts dd { text-align:left; margin-block-end:.35rem; }
 #vlj-dialog { width:calc(100% - 1rem); margin-inline:.5rem; }
}