﻿/* JAIS "Ask a question" panel - shared by SearchRegulation.aspx and Pages/Main_Page/Search.aspx */
.jais-modes { display: inline-flex; gap: 4px; padding: 4px; background: #f1f3f6; border-radius: 22px; margin: 4px 15px 10px; }
.jais-modes .jais-mode { padding: 7px 16px; border-radius: 18px; color: #555; font-size: 14px; text-decoration: none !important; }
.jais-modes .jais-mode:hover { color: #222; background: #e6e9ee; }
.jais-modes .jais-mode.active { background: #3c8dbc; color: #fff; }
.jais-ask { padding: 5px 15px 15px; }
.jais-composer { display: flex; gap: 10px; align-items: flex-start; flex-wrap: wrap; }
.jais-composer .jais-input { flex: 1 1 420px; min-height: 64px; resize: vertical; font-size: 15px; border-radius: 8px; }
.jais-actions { display: flex; gap: 10px; align-items: center; }
.jais-lang label { margin: 0 10px 0 4px; font-weight: 600; cursor: pointer; }
.jais-ask-btn { border-radius: 8px !important; padding: 9px 22px !important; }
.jais-empty { text-align: center; color: #777; padding: 30px 10px; }
.jais-empty .fa { font-size: 28px; color: #3c8dbc; display: block; margin-bottom: 8px; }
.jais-answer-card { margin-top: 16px; border: 1px solid #e3e6ea; border-radius: 10px; padding: 14px 18px; background: #fff; }
.jais-label { font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #3c8dbc; font-weight: 700; margin-bottom: 8px; }
.jais-answer { font-size: 15px; line-height: 1.7; }
.jais-answer p { margin: 0 0 10px; }
.jais-answer ul { margin: 0 0 10px; padding-inline-start: 22px; }
.jais-answer b { color: #1f3b57; }
.jais-notice { margin-top: 10px; padding: 9px 12px; border-radius: 6px; font-size: 14px; }
.jais-notice.warn { background: #fdf3e1; color: #8a5a00; }
.jais-notice.error { background: #fbe9e7; color: #b3261e; }
.jais-summary { margin-top: 10px; padding: 10px 12px; border-radius: 6px; background: #eef6f1; color: #205a3b; font-size: 14px; }
.jais-sources-title { margin: 18px 0 8px; font-size: 12px; text-transform: uppercase; letter-spacing: .05em; color: #777; font-weight: 700; }
.jais-source { display: flex; gap: 12px; align-items: flex-start; border: 1px solid #e3e6ea; border-radius: 8px; padding: 10px 12px; margin-bottom: 8px; background: #fff; }
.jais-n { flex: 0 0 24px; height: 24px; line-height: 24px; text-align: center; border-radius: 6px; background: #e8eef5; color: #3c8dbc; font-weight: 700; font-size: 12px; }
.jais-src-body { flex: 1 1 auto; min-width: 0; }
.jais-src-title { font-weight: 600; font-size: 14px; }
.jais-src-meta { font-size: 12.5px; color: #777; margin-top: 2px; }
.jais-src-text { font-size: 12.5px; color: #666; margin-top: 4px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.jais-score { flex: 0 0 auto; font-size: 12px; font-weight: 700; padding: 3px 8px; border-radius: 5px; }
.jais-score.hi { background: #e6f4ec; color: #1f8a4c; }
.jais-score.mid { background: #fdf3e1; color: #a86a00; }
.jais-score.lo { background: #eef0f3; color: #777; }

/* app stylesheet resets list bullets - restore them inside answers */
.jais-answer ul { list-style: disc outside !important; padding-inline-start: 24px !important; }
.jais-answer li { display: list-item !important; margin-bottom: 4px; }
.jais-answer[dir="rtl"] { text-align: right; }

/* advisory draft + conflict check boxes */
.jais-draft-box { padding: 12px 16px 14px; }
.jais-draft-head { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; }
.jais-draft-head .jais-label { margin: 0; font-size: 13px; }
.jais-draft-actions { margin-top: 10px; display: flex; gap: 8px; flex-wrap: wrap; }
.jais-empty.small { padding: 10px 4px 2px; text-align: start; font-size: 13px; }
.jais-notice.ok { background: #e6f4ec; color: #1f6b3d; }
.jais-link-btn { align-self: center; white-space: nowrap; }
.jais-pair { border: 1px solid #e3e6ea; border-radius: 8px; padding: 10px 12px; margin-bottom: 10px; background: #fff; }
.jais-pair-head { display: flex; justify-content: space-between; align-items: center; gap: 8px; margin-bottom: 8px; font-size: 13px; }
.jais-pair-kind { font-weight: 700; color: #a86a00; }
.jais-pair-kind.dup { color: #b3261e; }
.jais-pair-cols { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.jais-pair-col { background: #f7f8fa; border-radius: 6px; padding: 8px 10px; font-size: 12.5px; }
.jais-pair-col .jais-src-title { margin-bottom: 4px; }
.jais-pair-col .jais-src-text { -webkit-line-clamp: 6; }
.jais-explain { margin-top: 8px; }
@media (max-width: 760px) { .jais-pair-cols { grid-template-columns: 1fr; } }
