/* Меню «Отправить прайс» / «Ссылки для клиента» — общий файл (2026-07-28).

   Раньше эти правила жили в catalog.css, который на карточке МС-заказа НЕ
   подключён: там был только magic_share.js, и меню разъезжалось — список
   клиентов шёл строкой во всю ширину вместо аккуратного попапа-столбца
   (жалоба Алексея 28.07.2026). Файл подключают ОБЕ страницы. */

/* Попап «Отправить прайс»: обычная ссылка / ссылка-вход для клиента (2026-06-24) */
.pb__share { position: relative; display: inline-flex; flex-shrink: 0; }
.share-pop {
  position: absolute; top: calc(100% + 6px); right: 0; z-index: 60;
  min-width: 280px; background: #fff; border: 1px solid var(--border);
  border-radius: 10px; box-shadow: 0 10px 30px rgba(15, 23, 42, .16); padding: 6px;
}
.share-pop-item {
  display: block; width: 100%; text-align: left; padding: 9px 11px; border: 0;
  background: none; border-radius: 7px; cursor: pointer; font-size: 13px;
  color: #1f2937; line-height: 1.3;
}
.share-pop-item:hover { background: var(--bg-subtle); }

/* Код встройки прайса на чужой сайт (embed-виджет). */
.share-embed { padding: 8px 10px 10px; border-top: 1px solid var(--border); }
.share-embed-hint { font-size: 12px; color: var(--mute); margin-bottom: 6px; }
.share-embed-code {
  width: 100%; font-family: 'JetBrains Mono', ui-monospace, monospace;
  font-size: 11.5px; line-height: 1.45; color: var(--ink);
  border: 1px solid var(--border); border-radius: 6px; padding: 7px 9px;
  background: var(--bg-subtle); resize: vertical;
}
.share-embed-copy { width: 100%; margin-top: 6px; }
.share-embed-doc { display: inline-block; margin-top: 6px; font-size: 12px; color: var(--accent); }
.share-client { border-top: 1px solid var(--border); margin-top: 4px; padding-top: 8px; }
.share-client-q {
  width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border);
  border-radius: 7px; font-size: 13px; margin-bottom: 6px; outline: none;
}
.share-client-q:focus { border-color: var(--accent, #4338ca); }
.share-client-list { max-height: 230px; overflow-y: auto; color: #6b7280; font-size: 12px; }
.share-client-item {
  display: flex; flex-direction: column; align-items: flex-start; gap: 1px;
  width: 100%; text-align: left; padding: 7px 9px; border: 0; background: none;
  border-radius: 7px; cursor: pointer;
}
.share-client-item:hover { background: var(--accent-soft, var(--bg-subtle)); }
.share-client-name { font-size: 13px; color: #1f2937; font-weight: 600; }
.share-client-email { font-size: 11px; color: #6b7280; }
.share-active { margin-top: 6px; border-top: 1px solid var(--border); padding-top: 6px; }
.share-active-list { max-height: 230px; overflow-y: auto; font-size: 12px; }
.share-active-row { display: flex; align-items: center; gap: 8px; padding: 5px 7px; border-radius: 7px; }
.share-active-row:hover { background: var(--bg-subtle); }
.share-active-meta { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.share-active-email { font-size: 12px; color: #1f2937; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.share-active-sub { font-size: 10px; color: #6b7280; }
.share-active-revoke { flex-shrink: 0; font-size: 11px; padding: 3px 9px; border: 1px solid #fca5a5; border-radius: 6px; background: #fff; color: #b91c1c; cursor: pointer; }
.share-active-revoke:hover { background: #fef2f2; }
.share-active-revoke:disabled { opacity: .5; cursor: default; }
.share-client-result { margin-top: 8px; border-top: 1px solid var(--border); padding-top: 8px; }
.share-client-link {
  font-size: 12px; word-break: break-all; background: var(--bg-subtle);
  border-radius: 6px; padding: 8px 10px; margin-bottom: 6px;
  font-family: ui-monospace, "JetBrains Mono", monospace; color: #1f2937;
}
.share-client-hint { font-size: 11px; color: #6b7280; padding: 2px 4px 0; }
.share-client-newms { border-top: 1px solid var(--border); margin-top: 6px; padding-top: 8px; }
.share-client-newms-hint { font-size: 11px; color: #6b7280; margin-bottom: 6px; }
.share-client-inn,
.share-client-ms-q,
.share-client-ms-email-input {
  width: 100%; box-sizing: border-box; padding: 8px 10px; border: 1px solid var(--border);
  border-radius: 7px; font-size: 13px; margin-bottom: 6px; outline: none;
}
.share-client-inn:focus,
.share-client-ms-q:focus,
.share-client-ms-email-input:focus { border-color: var(--accent, #4338ca); }
.share-client-ms-list { max-height: 200px; overflow-y: auto; }
.share-client-ms-email { border-top: 1px dashed var(--border); margin-top: 6px; padding-top: 8px; }
.share-client-reg { color: var(--accent, #4338ca); font-weight: 600; }
.share-result-line { font-size: 12px; color: #1f2937; padding: 2px 4px; }
.share-result-line b { color: #6b7280; font-weight: 600; }
.share-result-copy { color: var(--accent, #4338ca); font-weight: 600; }
.share-client-err { font-size: 12px; color: #b42318; padding: 6px 4px; }