.trip-controls{position:relative;display:flex;align-items:center;gap:8px}.trip-all,.trip-current{display:inline-flex;align-items:center;gap:6px;padding:9px 11px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--green);font-size:13px;font-weight:750;box-shadow:0 2px 6px #18312e08}.trip-all{color:var(--muted)}.trip-current{background:var(--light);border-color:#cbe1d8}.trip-dropdown{position:absolute;z-index:12;top:calc(100% + 9px);right:0;display:grid;gap:5px;width:min(330px,calc(100vw - 40px));padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 14px 32px #18312e24}.trip-dropdown[hidden]{display:none}.trip-dropdown-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border-radius:10px;background:#fff;color:var(--ink);text-align:left}.trip-dropdown-item:hover,.trip-dropdown-item.is-active{background:var(--light)}.trip-dropdown-item strong,.trip-dropdown-item small{display:block}.trip-dropdown-item strong{font-size:14px}.trip-dropdown-item small{margin-top:3px;color:var(--muted);font-size:12px}.trip-dropdown-item .current-mark{color:var(--green);font-size:16px;font-weight:800}@media(max-width:420px){.trip-controls{gap:6px}.trip-all,.trip-current{padding:8px 9px;font-size:12px}.trip-dropdown{right:auto;left:0;width:min(320px,calc(100vw - 32px))}}