/* Карта точек в форме заявки. */

.tm-picker { display: grid; gap: 10px; }
.tm-picker-bar { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.tm-picker-modes { display: inline-flex; padding: 4px; border-radius: 12px; background: rgb(var(--tm-surface-2, 39 39 42)); gap: 4px; }
.tm-mode { display: inline-flex; align-items: center; gap: 8px; padding: 6px 14px; border-radius: 9px; font-size: 13px; font-weight: 600; opacity: .7; }
.tm-mode.is-active { opacity: 1; background: #ffc400; color: #16181d; }
.tm-pin { width: 10px; height: 10px; border-radius: 50%; display: inline-block; box-shadow: 0 0 0 2px #fff; }
.tm-pin-from { background: #16a34a; } .tm-pin-to { background: #ef4444; }
.tm-picker-search { display: flex; gap: 6px; flex: 1; min-width: 220px; max-width: 420px; }
.tm-picker-search input { flex: 1; border-radius: 10px; padding: 7px 12px; font-size: 13px; background: var(--tm-surface-2, transparent); color: inherit;
    border: 1px solid rgba(128, 128, 128, .35); }
.tm-picker-search button { padding: 7px 14px; border-radius: 10px; font-size: 13px; font-weight: 600; background: rgba(128, 128, 128, .18); }
.tm-picker-map { height: 320px; border-radius: 14px; overflow: hidden; z-index: 0; }
.tm-picker-hint { display: flex; justify-content: space-between; gap: 10px; font-size: 12px; opacity: .7; }
.tm-picker-clear { text-decoration: underline; }
.tm-marker { width: 18px; height: 18px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 2px 6px rgba(0,0,0,.4); }
.tm-car { width: 12px; height: 12px; border-radius: 50%; background: #ffc400; border: 2px solid #16181d; }