/* Search Component Styles */
.search-container {
    @apply relative flex items-center justify-between w-full;
}


.search-overlay {
    @apply flex-1 flex items-center justify-between;
    background: oklch(from var(--color-black) l c h / 0.9);
    border: 1px solid var(--accent-blue);
    padding: 5px 8px;
    border-radius: var(--radius-sm);
}

.search-icon {
    @apply shrink-0;
    color: var(--text-tertiary);
    font-size: var(--font-size-sm);
}

.search-input {
    @apply flex-1 bg-transparent border-none p-0 outline-none;
    font-size: var(--font-size-sm);
    color: var(--text-primary);
    font-family: inherit;
}

.search-input::placeholder {
    color: var(--text-tertiary);
}

/* Search result highlighting */
.search-highlight {
    background: var(--accent-yellow);
    color: var(--color-black);
    padding: 1px 2px;
    border-radius: 2px;
    font-weight: bold;
}
