/* ЭКОЯР: умный поиск — выпадающие подсказки и галочка «Спросить AI-консультанта». Штурвал. */
.eys-box {
  position: fixed; z-index: 10050; display: none; max-height: min(70vh, 560px); overflow-y: auto; padding: 6px;
  background: #fff; border: 1px solid #e3e7e5; border-radius: 14px; box-shadow: 0 16px 48px rgba(16, 40, 28, .18);
  font: 14px/1.35 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #1d2b24; -webkit-overflow-scrolling: touch;
}
.eys-box.on { display: block; animation: eys-in .14s ease-out; }
@keyframes eys-in { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

.eys-ai {
  display: flex; align-items: center; gap: 10px; margin: 0 0 4px; padding: 8px 10px; border-radius: 10px; cursor: pointer; font-weight: 400;
  background: linear-gradient(90deg, rgba(229, 36, 33, .06), rgba(243, 146, 0, .06), rgba(58, 170, 53, .06), rgba(0, 159, 227, .06));
}
.eys-ai input { width: 18px; height: 18px; margin: 0; accent-color: #00753B; flex: 0 0 auto; }
.eys-ai img, .eys-ask img { width: 28px; height: 28px; border-radius: 50%; flex: 0 0 28px; }
.eys-ai span { display: flex; flex-direction: column; }
.eys-ai b { font-weight: 600; }
.eys-ai i { font-style: normal; font-size: 12px; color: #6b7a72; }

.eys-h { padding: 8px 10px 4px; font-size: 11.5px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase; color: #8a968f; }
.eys-row {
  display: flex; align-items: center; gap: 10px; width: 100%; padding: 7px 10px; border: 0; border-radius: 10px; background: none;
  color: inherit !important; text-decoration: none !important; text-align: left; cursor: pointer;
}
.eys-row:hover, .eys-row.sel { background: #f1f6f3; }
.eys-p img, .eys-noimg { width: 46px; height: 46px; object-fit: contain; border-radius: 8px; background: #f7f7f7; flex: 0 0 46px; }
.eys-n { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.eys-n small, .eys-l small { color: #8a968f; font-size: 12px; }
.eys-l { justify-content: space-between; }
.eys-pr { display: flex; flex-direction: column; align-items: flex-end; font-weight: 600; white-space: nowrap; }
.eys-pr small { font-weight: 400; font-size: 11.5px; }
.eys-in { color: #00753B; }
.eys-out { color: #b07a00; }
.eys-box mark { padding: 0; background: rgba(255, 213, 0, .45); color: inherit; border-radius: 2px; }
.eys-ask { margin-bottom: 2px; }
.eys-ask span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.eys-ask em { font-style: normal; font-size: 11px; color: #8a968f; border: 1px solid #dfe5e1; border-radius: 4px; padding: 0 5px; }
.eys-all { justify-content: center; margin-top: 4px; color: #00753B !important; font-weight: 600; background: #f1f6f3; }
.eys-note { padding: 10px; color: #6b7a72; font-size: 13px; }
@media (max-width: 767px) {
  .eys-box { border-radius: 12px; overscroll-behavior: contain; }
  .eys-ask em { display: none; }
  .eys-ai { padding: 6px 10px; }
  .eys-ai i { display: none; }
  .eys-row { min-height: 44px; }
}