.trip-cost-card{max-width:460px}.cost-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cost-grid label{display:flex;flex-direction:column;gap:6px;font-size:13px;min-width:0}.cost-grid input,.cost-grid select{width:100%;min-width:0;min-height:46px;font:inherit;font-size:16px;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px}.cost-summary{padding:8px 14px;margin:14px 0;border:1px solid var(--line);border-radius:14px}.cost-summary p:last-child{font-weight:700}.trip-cost-badge{border:1px solid var(--line);border-radius:12px;padding:8px 10px;min-height:36px;background:var(--surface);color:var(--ink);font-size:12px}.nav-current-road .trip-cost-badge{margin-left:auto;flex-shrink:0;max-width:48%;font-size:10px;padding:6px}.trip-cost-card .muted{font-size:12px;line-height:1.5}.trip-cost-card li{font-size:13px;margin-bottom:8px}#openTripCosts{margin-top:10px}.trip-cost-card{max-height:calc(100dvh - 24px);overflow:auto;overscroll-behavior:contain}
.cost-grid label:last-child{grid-column:1 / -1}
#fuelAdjustments,#tollAdjustments{margin:16px 0;border-top:1px solid var(--line);padding-top:12px} .trip-cost-card summary{min-height:36px;cursor:pointer;font-size:14px;font-weight:600}.trip-cost-card .cost-grid label:last-child{grid-column:auto}.trip-cost-card a{color:var(--accent)}#resetFuelEstimate{margin-top:10px}.trip-cost-card .cost-grid{margin-top:8px}.trip-cost-card select{font-size:14px}

.toll-price-marker{background:var(--surface);color:#fbbf24;border:2px solid #fbbf24;border-radius:10px;min-height:36px;padding:6px 9px;font-size:13px;font-weight:700;box-shadow:0 2px 8px #0006;cursor:pointer}.trip-cost-map-badge{position:absolute;top:135px;left:12px;z-index:5;max-width:calc(100% - 88px);background:var(--surface);color:var(--ink);border:1px solid #fbbf24;border-radius:12px;min-height:38px;padding:8px 12px;font-size:12px;font-weight:700;cursor:pointer}.br-navigating .trip-cost-map-badge{top:calc(var(--safe-top, 0px) + var(--nav-top-height, 210px) + 20px)}@media(max-height:500px){.trip-cost-map-badge{top:90px}.br-navigating .trip-cost-map-badge{top:calc(var(--safe-top, 0px) + var(--nav-top-height, 120px) + 8px);max-width:45%}}
@media(orientation:landscape) and (max-height:500px){.trip-cost-map-badge,.br-navigating .trip-cost-map-badge{left:calc(46vw + 24px);right:116px;max-width:none;top:42px}.br-navigating .trip-cost-map-badge{top:16px}}
.toll-price-marker{box-sizing:border-box;max-width:156px;height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}