.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

.category-tab {
    background: white;
    border-color: rgb(226 232 240);
    color: rgb(71 85 105);
}
.category-tab:hover {
    border-color: rgb(199 210 254);
    box-shadow: 0 2px 8px rgba(99,102,241,0.1);
}
.category-tab.active-tab {
    background: rgb(79 70 229);
    border-color: rgb(79 70 229);
    color: white;
}
.faq-question:hover .faq-icon {
    color: rgb(67 56 202);
}
.faq-item.open .faq-icon {
    transform: rotate(180deg);
}
@media (prefers-reduced-motion: reduce) {
    .faq-answer { transition: none !important; }
}

/* suggestions dropdown */
.suggestion-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    width: 100%;
    text-align: left;
    padding: 0.7rem 1rem;
    font-size: 0.875rem;
    color: rgb(30 41 59);
    background: white;
    border: none;
    cursor: pointer;
}
.suggestion-item:hover,
.suggestion-item.active-suggestion {
    background: rgb(238 242 255);
}
.suggestion-item .cat-tag {
    flex-shrink: 0;
    font-size: 0.65rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: rgb(79 70 229);
    background: rgb(238 242 255);
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
}