/* Область стилей ограничена формой цены; существующие формы сохраняют вид. */
.element-price-form{border:1px solid #d4dce4;border-radius:10px;padding:16px;margin:16px 0;text-align:left}
.element-price-form legend{font-weight:600;padding:0 6px}.element-price-form p{font-size:14px;line-height:1.5}
.element-price-form [hidden]{display:none!important}.price-mode{display:flex;gap:8px;align-items:center}
.price-help{position:relative;display:inline-block;margin-left:6px}.price-help-button{border:0;background:transparent;color:#345a78;cursor:pointer;font-size:19px;padding:4px}
.price-help [role=tooltip]{display:none;position:absolute;right:0;top:100%;width:min(320px,70vw);padding:12px;background:#223547;color:white;border-radius:8px;z-index:100;line-height:1.5;font-size:14px;box-shadow:0 4px 18px #0003}
.price-help:hover [role=tooltip],.price-help:focus-within [role=tooltip],.price-help-open [role=tooltip]{display:block}
.price-error{color:#ab2525}.element-price-summary{font-size:12px;line-height:1.5;max-width:220px;color:#4e5e6a}
.element-price-budget{border:1px solid #d4dce4;border-radius:12px;padding:18px;margin:16px 0}.element-price-budget p{margin:8px 0}
@media(max-width:600px){.element-price-summary{max-width:160px}.element-price-form{padding:12px}}

/* Сумма занимает отдельную строку блока действий, чтобы кнопки маршрута
   оставались доступны при длинном названии единицы цены. */
#timeline-elements-container .elem-right-actions{flex-wrap:wrap;justify-content:flex-end;max-width:240px}
#timeline-elements-container .element-price-summary{flex-basis:100%;max-width:100%;text-align:right}
@media(max-width:600px){#timeline-elements-container .elem-right-actions{max-width:160px}}