/* Route v2 S26 + S18: On Site sheet top and swipe-up tabs. Tokens only. */
.rt-oh { display: grid; grid-template-columns: 1fr auto; gap: var(--rt-gap); margin-top: var(--rt-gap); opacity: 0; transform: translateY(6px); transition: opacity var(--rt-fade) var(--rt-ease), transform var(--rt-fade) var(--rt-ease); }
.rt-oh.rt-in { opacity: 1; transform: none; }
.rt-oh-photo { grid-column: 1 / -1; border-radius: var(--rt-radius); overflow: hidden; max-height: 180px; }
.rt-oh-photo img { width: 100%; height: 180px; object-fit: cover; display: block; }
.rt-oh-gate { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px; border-radius: var(--r-pill); background: color-mix(in srgb, currentColor 14%, transparent); font-size: var(--fs-body); }
.rt-oh-gate .ico { width: 16px; height: 16px; }
.rt-oh-meter { grid-column: 1 / -1; height: 8px; border-radius: var(--r-pill); background: color-mix(in srgb, currentColor 14%, transparent); overflow: hidden; }
.rt-oh-meter i { display: block; height: 100%; background: var(--blue); transition: width .4s ease; }
.rt-oh-meter.over i { background: var(--red); }
.rt-oh-meter i.jm-w0 { width: 0%; }
.rt-oh-meter i.jm-w5 { width: 5%; }
.rt-oh-meter i.jm-w10 { width: 10%; }
.rt-oh-meter i.jm-w15 { width: 15%; }
.rt-oh-meter i.jm-w20 { width: 20%; }
.rt-oh-meter i.jm-w25 { width: 25%; }
.rt-oh-meter i.jm-w30 { width: 30%; }
.rt-oh-meter i.jm-w35 { width: 35%; }
.rt-oh-meter i.jm-w40 { width: 40%; }
.rt-oh-meter i.jm-w45 { width: 45%; }
.rt-oh-meter i.jm-w50 { width: 50%; }
.rt-oh-meter i.jm-w55 { width: 55%; }
.rt-oh-meter i.jm-w60 { width: 60%; }
.rt-oh-meter i.jm-w65 { width: 65%; }
.rt-oh-meter i.jm-w70 { width: 70%; }
.rt-oh-meter i.jm-w75 { width: 75%; }
.rt-oh-meter i.jm-w80 { width: 80%; }
.rt-oh-meter i.jm-w85 { width: 85%; }
.rt-oh-meter i.jm-w90 { width: 90%; }
.rt-oh-meter i.jm-w95 { width: 95%; }
.rt-oh-meter i.jm-w100 { width: 100%; }
.rt-oh-undo { justify-self: end; display: inline-flex; align-items: center; gap: 6px; font-size: var(--fs-body-sm); }
.rt-os-grab { display: flex; justify-content: center; padding: 8px 0 4px; cursor: grab; touch-action: none; }
.rt-os-grab i { width: 44px; height: 5px; border-radius: var(--r-pill); background: color-mix(in srgb, currentColor 40%, transparent); }
[data-rp="sheet"] [data-rt-tabs] .on { color: var(--blue); }
[data-rp="sheet"] [data-rt-tabbody] { transition: max-height .3s ease, opacity .2s ease; }
@media (max-width: 899px) {
  [data-rp="sheet"]:not(.rt-os-open) [data-rt-tabbody] { max-height: 0; opacity: 0; overflow: hidden; }
  [data-rp="sheet"].rt-os-open [data-rt-tabbody] { max-height: none; opacity: 1; }
}
@media (prefers-reduced-motion: reduce) { .rt-oh, .rt-oh-meter i, [data-rt-tabbody] { transition: none; } }