/* Smart Tutor Matching (tutor-match.js): the button beside Search, the required-filter message and the AI note on cards. */
section.one-on-one-grid .filter-search.has-ai-match > div:first-child { margin-right: 430px; }
section.one-on-one-grid .filter-search.has-ai-match .search-submit-btn { right: 248px; }
section.one-on-one-grid .filter-search .ai-match-btn {
  position: absolute; top: 0; right: 0; width: 236px; height: 56px;
  display: flex; align-items: center; justify-content: center; gap: 10px;
  border: 1.5px solid #F47B3B; border-radius: 12px; background: #FFF; color: #EB3726;
  font-size: 16px; font-weight: 600; box-shadow: 0 0 0 4px rgba(244, 123, 59, .12);
  transition: background-color .2s ease;
}
section.one-on-one-grid .filter-search .ai-match-btn:hover,
section.one-on-one-grid .filter-search .ai-match-btn:focus { background: #FFF4EC; color: #EB3726; outline: none; }
section.one-on-one-grid .filter-search .ai-match-btn:disabled { opacity: .6; cursor: wait; }
section.one-on-one-grid .filter-search .ai-match-btn .fa { font-size: 18px; }
section.one-on-one-grid .filter-search .ai-match-btn .ai-spark { position: absolute; top: 3px; right: 10px; font-size: 13px; }

.ai-match-note { background: #FFF7F1; border: 1px solid #F7D9C6; border-radius: 8px; padding: 8px 10px; margin: 10px 0 4px; font-size: 13px; line-height: 1.4; text-align: left; }
.ai-match-top { display: flex; justify-content: space-between; gap: 6px; margin-bottom: 4px; }
.ai-match-rank { color: #EB3726; font-weight: 700; }
.ai-match-score { color: #1D9A4E; font-weight: 600; }
.ai-match-reason { color: #5C5C5C; }
.ai-match-empty { text-align: center; padding: 40px 10px; color: #5C5C5C; font-size: 16px; }

@media only screen and (max-width: 991px) {
  section.one-on-one-grid .filter-search.has-ai-match > div:first-child { margin-right: 190px; }
  section.one-on-one-grid .filter-search.has-ai-match .search-submit-btn { right: 0; }
  section.one-on-one-grid .filter-search .ai-match-btn { position: static; width: 100%; height: 50px; margin-top: 12px; }
}
@media only screen and (max-width: 575px) {
  section.one-on-one-grid .filter-search.has-ai-match > div:first-child { margin-right: 0; }
}