
/* [v4.16.82 R4] Force explicit white background + dark text on the input
   in any state that is NOT explicit dark mode. Earlier version used
   `background: var(--aict-surface,#fff)` which the theme-tokens auto
   @media flipped to #1e293b on iOS Safari with OS=dark, causing a
   dark-on-light search bar leak on the homepage. */
.aict-isearch-wrap{position:relative;max-width:560px;margin:0 auto;}
.aict-isearch-input{width:100%;box-sizing:border-box;padding:12px 16px 12px 42px;font-size:15px;border:1.5px solid #e2e8f0;border-radius:10px;background:#ffffff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='M21 21l-4.35-4.35'/></svg>") 14px center/18px no-repeat;color:#0f172a;}
.aict-isearch-input::placeholder{color:#64748b;opacity:1;}
.aict-isearch-input:focus{outline:none;border-color:#4f46e5;box-shadow:0 0 0 4px rgba(79,70,229,.1);}
html[data-theme="dark"] .aict-isearch-input{background-color:#1e293b;color:#f8fafc;border-color:#334155;}
html[data-theme="dark"] .aict-isearch-input::placeholder{color:#94a3b8;}
.aict-isearch-drop{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#ffffff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px rgba(15,23,42,.14);max-height:480px;overflow:auto;z-index:9999;display:none;color:#0f172a;}
html[data-theme="dark"] .aict-isearch-drop{background:#1e293b;border-color:#334155;color:#f8fafc;}
.aict-isearch-drop.open{display:block;}
.aict-isearch-group-h{font-size:11px;text-transform:uppercase;color:var(--aict-text-muted,#64748b);padding:10px 14px 4px;letter-spacing:.04em;font-weight:600;background:var(--aict-surface-muted,#f8fafc);}
.aict-isearch-result{display:block;padding:10px 14px;border-bottom:1px solid var(--aict-border,#e2e8f0);text-decoration:none;color:inherit;}
.aict-isearch-result:last-child{border-bottom:none;}
.aict-isearch-result.selected,.aict-isearch-result:hover,.aict-isearch-result:focus{background:var(--aict-surface-muted,#f8fafc);outline:none;}
.aict-isearch-result .t{font-weight:600;font-size:14px;color:var(--aict-text-primary,#0f172a);}
.aict-isearch-result .t mark{background:rgba(79,70,229,.15);padding:0 2px;border-radius:2px;color:inherit;}
.aict-isearch-result .e{font-size:12px;color:var(--aict-text-secondary,#475569);margin-top:3px;line-height:1.4;}
.aict-isearch-result .lb{font-size:10px;background:#eef2ff;color:#4f46e5;padding:1px 5px;border-radius:3px;margin-left:6px;text-transform:uppercase;letter-spacing:.04em;}
.aict-isearch-foot{padding:8px 14px;font-size:12px;color:var(--aict-text-muted,#64748b);background:var(--aict-surface-muted,#f8fafc);border-top:1px solid var(--aict-border,#e2e8f0);}
.aict-isearch-empty{padding:18px 14px;text-align:center;color:var(--aict-text-muted,#64748b);}
.aict-isearch-trend-chip{display:inline-block;margin:2px 4px 2px 0;padding:3px 9px;font-size:12px;background:#f1f5f9;border-radius:99px;color:#475569;text-decoration:none;border:1px solid transparent;}
.aict-isearch-trend-chip:hover{border-color:#c7d2fe;background:#eef2ff;color:#4f46e5;}
@media(max-width:680px){
/* B-search-fix-4: don't cover the 67px sticky header. Anchor below it
   (matches B122 floating-stack pattern) and cap height to viewport-minus-header. */
.aict-isearch-drop.open{position:fixed;left:0;right:0;top:80px;bottom:0;border-radius:0;max-height:calc(100vh - 80px);height:calc(100vh - 80px);overflow-y:auto;}
}
