.search-modal .modal-content { border: none; border-radius: 16px; box-shadow: 0 20px 60px rgba(0,0,0,0.25); overflow: hidden; }
.search-modal .modal-header { background: linear-gradient(135deg, var(--primary-color), #0f6bdc); color: #fff; padding: 1rem 1.25rem; }
.search-modal .modal-title { font-weight: 600; letter-spacing: 0.3px; }
.search-modal .btn-close { filter: invert(1); opacity: 0.8; }
.search-modal .btn-close:hover { opacity: 1; }
.search-modal-body { padding: 1.25rem; background: #fff; }
 .search-modal-content { height: 80vh; min-height: 80vh; max-height: 80vh; display: flex; flex-direction: column; }
 .search-modal-body { flex: 1; height: auto; max-height: none; overflow-y: auto; }
.search-modal-content .search-input-group { border: 1px solid #e5e7eb; border-radius: 50px; overflow: hidden; transition: box-shadow 0.2s ease, border-color 0.2s ease; }
.search-modal-content .search-input-group:focus-within { border-color: var(--primary-color); box-shadow: 0 0 0 4px rgba(15, 107, 220, 0.12); }
.search-modal-content .search-input-group .input-group-text { background: transparent; border: none; color: #6b7280; font-size: 1.1rem; }
.search-modal-content .search-input-group .search-input { border: none; padding: 0.9rem 0.75rem; font-size: 1.05rem; background: transparent; }
.search-modal-content .search-input-group .search-input:focus { box-shadow: none; }
.search-routes .list-group-item, .search-results .list-group-item { display: flex; align-items: center; justify-content: space-between; border: 1px solid #f1f5f9; border-radius: 12px; margin-bottom: 0.6rem; padding: 0.9rem 1rem; }
.search-routes .list-group-item { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background 0.3s ease, color 0.3s ease; position: relative; overflow: hidden; }
.search-routes .list-group-item::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(0, 78, 137, 0.05), transparent); transition: left 0.5s ease; }
.search-routes .list-group-item i, .search-results .list-group-item i { color: var(--primary-color); }
.search-routes .list-group-item:hover { transform: translateX(4px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); border-color: #e2e8f0; background: rgba(0, 78, 137, 0.06); color: var(--primary-color); }
.search-routes .list-group-item:hover::before { left: 100%; }
.search-routes .list-group-item:hover i { color: var(--primary-color); transform: translateX(2px); }
.search-result-item { font-weight: 500; color: #0f172a; }
.search-badge { border-radius: 999px; padding: 0.35rem 0.6rem; font-size: 0.75rem; }
.badge-news { background: #0ea5e9; color: #fff; }
.badge-tender { background: #f59e0b; color: #fff; }
.badge-career { background: #22c55e; color: #fff; }
.badge-course { background: #a855f7; color: #fff; }
@keyframes modalReveal { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
.search-modal .modal-content { animation: modalReveal 200ms ease-out; }

.search-loading { display: flex; align-items: center; justify-content: center; padding: 0.5rem 0; }
.badge-page { background: #0f6bdc; color: #fff; }
 .search-empty { display: none; align-items: center; justify-content: center; padding: 1.25rem; color: #64748b; }
 .search-empty .icon { font-size: 1.25rem; margin-right: 0.5rem; color: #94a3b8; }