.search-card {
    background: var(--surface);
    padding: 2rem;
    border-radius: var(--radius-lg);
    border: 1px solid var(--border-color);
}

.search-tab {
    background: transparent;
    border: none;
    padding: 0.75rem 1.5rem;
    color: var(--text-muted);
    font-weight: 600;
    border-bottom: 2px solid transparent;
    transition: all 0.3s;
}
.search-tab:hover { color: var(--sni-primary); }
.search-tab.active {
    color: var(--sni-primary);
    border-bottom-color: var(--sni-primary);
}

.form-control-sni {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
}

.form-control-sni-padding {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
    padding-left: 3.6rem;
}
.form-control-sni-padding-2 {
    background-color: var(--surface);
    border: 1px solid var(--border-color);
    border-radius: var(--radius-sm);
    color: var(--text-main);
    box-shadow: none !important;
    padding-left: 4rem;
}

.form-select {
    cursor: pointer !important;
}

[data-theme="dark"] .form-control-sni, [data-theme="dark"] .form-control-sni-padding, [data-theme="dark"] .form-control-sni-padding-2{
    background-color: var(--surface-secondary);
}

.form-control-sni-padding:focus, .form-control-sni:focus, .form-control-sni-padding-2:focus {
    background-color: var(--surface);
    border-color: var(--sni-primary);
    outline: none;
    caret-color: var(--text-main) !important;
    color: var(--text-main)
}

[data-theme="dark"] .form-control-sni-padding:focus, [data-theme="dark"] .form-control-sni:focus, [data-theme="dark"] .form-control-sni-padding-2:focus {
    background-color: var(--surface-secondary) !important;
}

.form-control-sni:disabled, .form-control-sni-padding:disabled, .form-control-sni-padding-s:disabled {
    background-color: var(--surface) !important;
    color: var(--text-muted) !important;
}
[data-theme="dark"] .form-control-sni:disabled, [data-theme="dark"] .form-control-sni-padding:disabled, [data-theme="dark"] .form-control-sni-padding-2:disabled {
    background-color: var(--surface-secondary) !important;
}