@keyframes slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-up{animation:slide-up .3s ease-out}.suggestions-container{border:2px solid #16a34a;border-radius:.75rem;box-shadow:0 8px 24px rgba(0,0,0,.12),0 2px 8px rgba(22,163,74,.15);animation:suggestAppear .3s ease-out;overflow:hidden;max-height:320px}.suggestions-header{background:linear-gradient(90deg,#16A34A,#059669);color:white;padding:.5rem 1rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.2)}.suggestions-scrollable{max-height:240px;overflow-y:auto;overflow-x:hidden}.suggestions-scrollable::-webkit-scrollbar{width:8px}.suggestions-scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 .75rem 0}.suggestions-scrollable::-webkit-scrollbar-thumb{background:#16A34A;border-radius:4px}.suggestions-scrollable::-webkit-scrollbar-thumb:hover{background:#059669}.suggestion-item{padding:.75rem 1rem!important;border-bottom:1px solid #f1f1f1;transition:all .15s ease-in-out}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background-color:#f0fdf4!important;border-left:4px solid #16a34a;padding-left:calc(1rem - 4px)!important}.suggestion-item:active{background-color:#dcfce7!important;transform:translateY(1px)}@keyframes suggestAppear{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}