.productOtherOrders { display: inline-block; vertical-align: middle; margin: 0 4px; }
.productOtherOrders__trigger { display: inline-flex; align-items: center; gap: 3px; vertical-align: middle; white-space: nowrap; border: 1px solid #319bd2; border-radius: 3px; background: #eef8fd; color: #17648b; font-size: 11px; line-height: 18px; padding: 1px 4px; cursor: pointer; }
.productOtherOrders__icon { flex: 0 0 12px; }
.productOtherOrders__trigger--warning { border-color: #c00087; background: transparent; color: #c00087; }
.productOtherOrders__trigger:focus { outline: 2px solid #17648b; outline-offset: 2px; }
.productOtherOrders__content { display: none; }
.productOtherOrdersPopup { position: fixed; z-index: 1060; width: 560px; max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); overflow: auto; box-sizing: border-box; padding: 14px; background: #fff; color: #222; border: 1px solid #999; border-radius: 4px; box-shadow: 0 3px 12px rgba(0,0,0,.25); font-size: 12px; line-height: 1.45; text-align: left; }
.productOtherOrdersPopup table { width: 100%; border-collapse: collapse; margin: 8px 0; }
.productOtherOrdersPopup th, .productOtherOrdersPopup td { padding: 6px; border-bottom: 1px solid #ddd; text-align: left; background: #fff; color: #222; height: auto; }
.productOtherOrdersPopup th { background: #eee; }
.productOtherOrdersPopup p { margin: 7px 0 0; }
.productOtherOrdersPopup a { color: #087caf; text-decoration: underline; }
.productOtherOrders__warning { color: #805008; font-weight: bold; }
.productOtherOrders__note { color: #666; }
.productOtherOrders__close { float: right; border: 0; background: transparent; cursor: pointer; font-size: 20px; line-height: 20px; }
.productOtherOrders__summary { display: flex; gap: 10px; margin: 12px 0 8px; }
.productOtherOrders__summary > div { flex: 1; padding: 8px 10px; background: #f4f6f8; border-radius: 3px; }
.productOtherOrders__summary span { display: block; color: #626a70; font-size: 11px; }
.productOtherOrders__summary strong { display: block; font-size: 21px; line-height: 1.3; color: #222; }
.productOtherOrders__summary small { font-size: 12px; font-weight: normal; }
.productOtherOrdersPopup .productOtherOrders__number { font-size: 13px; font-weight: bold; }
.productOtherOrdersPopup .productOtherOrders__current td { background: #edf7fc; }
.productOtherOrdersPopup .productOtherOrders__current td:first-child { box-shadow: inset 3px 0 #319bd2; padding-left: 10px; }
.productOtherOrders__currentLabel { display: inline-block; padding: 1px 5px; border-radius: 3px; background: #d9edf8; color: #216380; font-size: 10px; font-weight: normal; vertical-align: middle; }
.productOtherOrders__priority { display: block; margin-top: 4px; color: #805008; font-size: 11px; font-weight: bold; }
.productOtherOrdersPopup td.productOtherOrders__date { color: #626a70; white-space: nowrap; }
.productOtherOrders__date span { display: block; font-size: 11px; color: #7b8185; }
.productOtherOrders__quantity { display: inline-block; margin: 2px 0; }
.productOtherOrders__state { display: inline-block; padding: 0 5px; margin-left: 3px; border: 1px solid #d5dce0; border-radius: 3px; font-size: 11px; color: #4b565c; }
.productOtherOrdersPopup .productOtherOrders__note { margin-top: 10px; font-size: 11px; color: #7b8185; }

.productPriceHistory { display: block; margin-top: 5px; text-align: center; }
.productPriceHistory__trigger { display: inline-flex; align-items: center; gap: 3px; vertical-align: middle; white-space: nowrap; border: 1px solid #319bd2; border-radius: 3px; background: #eef8fd; color: #17648b; font-size: 11px; line-height: 18px; padding: 1px 5px; cursor: pointer; }
.productPriceHistory__trigger:hover { background: #dff2fb; }
.productPriceHistory__trigger:focus { outline: 2px solid #17648b; outline-offset: 2px; }
.productPriceHistory__icon { flex: 0 0 12px; }
.productPriceHistory__content { display: none; }
.productPriceHistoryPopup { position: fixed; z-index: 1061; width: 455px; max-width: calc(100vw - 20px); max-height: calc(100vh - 20px); overflow: auto; box-sizing: border-box; padding: 14px; background: #fff; color: #222; border: 1px solid #999; border-radius: 4px; box-shadow: 0 3px 12px rgba(0,0,0,.25); font-size: 12px; line-height: 1.45; text-align: left; }
.productPriceHistoryPopup table { width: 100%; border-collapse: collapse; margin: 9px 0; }
.productPriceHistoryPopup th, .productPriceHistoryPopup td { padding: 7px 6px; border-bottom: 1px solid #ddd; text-align: left; vertical-align: top; background: #fff; color: #222; height: auto; }
.productPriceHistoryPopup th { background: #eee; }
.productPriceHistoryPopup a { color: #087caf; text-decoration: underline; }
.productPriceHistoryPopup .productPriceHistory__date { white-space: nowrap; }
.productPriceHistory__prices a { display: block; white-space: nowrap; }
.productPriceHistory__prices a + a { margin-top: 3px; color: #58666d; }
.productPriceHistory__prices span { display: inline; margin-left: 4px; color: #7b8185; font-size: 10px; text-decoration: none; }
.productPriceHistory__close { float: right; border: 0; background: transparent; cursor: pointer; font-size: 20px; line-height: 20px; }
.productPriceHistoryPopup .productPriceHistory__note { margin: 10px 0 0; font-size: 11px; color: #7b8185; }