/* مؤشر أميال v2 — additions on top of the mockup stylesheet */
.container.main-content{display:block}
.filters{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 22px}
.filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;opacity:.75;min-width:120px;flex:1}
.filters input,.filters select{font:inherit;padding:9px 11px;border:1px solid rgba(0,0,0,.16);border-radius:10px;background:#fff;color:inherit}
.filters .chk{flex-direction:row;align-items:center;gap:6px;min-width:auto}
.filters button{align-self:flex-end;font:inherit;padding:10px 16px;border-radius:10px;border:1px solid rgba(0,0,0,.16);background:transparent;cursor:pointer}
.route-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.route-card{display:grid;grid-template-columns:1fr auto;gap:4px 10px;padding:14px 16px;border:1px solid rgba(0,0,0,.12);border-radius:14px;text-decoration:none;color:inherit;background:#fff}
.route-card:hover{border-color:currentColor}
.rc-pair{font-weight:700;font-size:17px}
.rc-names{grid-column:1/-1;font-size:12px;opacity:.65}
.rc-low{display:flex;flex-direction:column;text-align:end}
.rc-low strong{font-size:16px}
.rc-low small{font-size:11px;opacity:.6}
.rc-low .muted{opacity:.5;font-size:13px}
.rc-cov{grid-column:1/-1;display:flex;gap:6px;margin-top:4px}
.empty-cell{opacity:.35}
#d-shelf td,#d-shelf th{vertical-align:top}
#d-shelf td small{display:block;font-size:11px;opacity:.7}
#d-shelf td em{display:block;font-size:10px;opacity:.45;font-style:normal}
.ladder{margin:10px 0 18px;border:1px solid rgba(0,0,0,.12);border-radius:14px;overflow:hidden}
.ladder-head{padding:10px 14px;font-weight:700;background:rgba(0,0,0,.03)}
.ladder-step{display:grid;grid-template-columns:1.1fr 1fr 2.2fr;gap:8px;padding:10px 14px;border-top:1px solid rgba(0,0,0,.07);align-items:baseline}
.ls-name{font-weight:600}
.ls-price{font-variant-numeric:tabular-nums}
.ls-price .delta{font-style:normal;font-size:11px;opacity:.6;margin-inline-start:6px}
.ls-allow{font-size:12px;opacity:.75}
.empty{padding:24px;opacity:.6}
@media(max-width:640px){.ladder-step{grid-template-columns:1fr}.filters label{min-width:45%}}

.coverage-line{margin-top:8px;font-size:12px;opacity:.75}
.coverage-line small{opacity:.6}