@import url('./themes.css');
/* Global Form Controls */
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),
textarea,
select {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid var(--border-secondary);
    border-radius: var(--border-radius-sm);
    background: var(--bg-primary);
    color: var(--main-text);
    font-size: var(--fs-text-md);
    font-family: inherit;
    line-height: 1.4;
    transition: border-color 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}
input:not([type="checkbox"]):not([type="radio"]):not([type="range"]) {
    height: 36px;
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):focus,
textarea:focus,
select:focus {
    outline: none;
    border-color: var(--border-focus);
    background: var(--bg-primary);
    box-shadow: 0 0 0 4px var(--shadow-sm);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"])::placeholder,
textarea::placeholder {
    color: var(--placeholder-text);
}
#formSearchInput {
    padding-left: 30px;
}