/* resources/css/global-search.css
   Only the bits the existing utility classes don't already cover.
   If your tailwind.config already defines borderWidth.3 / colors.warning / colors.success,
   delete the matching rule below and use the utility class instead. */

.global-search-modal .border-3 {
    border-left-width: 3px;
    border-left-style: solid;
}

.global-search-modal .border-warning-600 {
    border-left-color: #d97706;
}

.global-search-modal .border-success-600 {
    border-left-color: #0d9488;
}

.global-search-modal .bg-warning-600\/10 {
    background-color: rgba(217, 119, 6, 0.1);
}

.global-search-modal .bg-success-600\/10 {
    background-color: rgba(13, 148, 136, 0.1);
}

.global-search-modal .text-warning-600 {
    color: #d97706;
}

.global-search-modal .text-success-600 {
    color: #0d9488;
}

/* Prevent the native input ring some browsers force on autofocus */
.global-search-modal input:focus {
    outline: none;
    box-shadow: none;
}
@media  (max-width: 767px){
    .sm\:search input {
        display: none !important;
    }
    .gap\:sm-2 {
        gap: 2px !important;
    }
}