.tag-picker{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:100;width:250px;overflow:hidden}.tag-picker-header{border-bottom:1px solid hsl(var(--border));padding:.75rem}.search-tag-input-wrapper{background:hsl(var(--secondary));border:1px solid hsl(var(--border));border-radius:var(--radius);align-items:center;gap:.5rem;padding:.25rem .5rem;display:flex}.search-icon{color:hsl(var(--muted-foreground))}.search-tag-input{width:100%;color:hsl(var(--foreground));background:0 0;border:none;outline:none;font-size:.875rem}.close-picker-btn{cursor:pointer;color:hsl(var(--muted-foreground));background:0 0;border:none;align-items:center;padding:0;display:flex}.close-picker-btn:hover{color:hsl(var(--foreground))}.create-tag-input-wrapper{align-items:center;gap:.5rem;width:100%;display:flex}.create-tag-input{border:2px solid hsl(var(--primary));border-radius:var(--radius);background:hsl(var(--card));color:hsl(var(--foreground));outline:none;flex:1;padding:.25rem .5rem;font-size:.875rem}.create-actions{gap:.25rem;display:flex}.create-action-btn{cursor:pointer;width:24px;height:24px;color:hsl(var(--primary-foreground));border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.create-action-btn.cancel{background-color:hsl(var(--muted-foreground))}.create-action-btn.confirm{background-color:hsl(var(--primary))}.tag-picker-content{max-height:200px;overflow-y:auto}.tag-suggestions{padding:.5rem 0}.tag-suggestion-item{cursor:pointer;color:hsl(var(--foreground));padding:.5rem .75rem;font-size:.875rem}.tag-suggestion-item:hover{background-color:hsl(var(--secondary))}.no-tags-found{text-align:center;color:hsl(var(--muted-foreground));padding:1rem;font-size:.875rem}.create-new-tag-option{cursor:pointer;border-top:1px solid hsl(var(--border));color:hsl(var(--primary));align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;font-weight:500;display:flex}.create-new-tag-option:hover{background-color:hsl(var(--secondary))}.tag-picker-loading{text-align:center;color:hsl(var(--muted-foreground));padding:1rem;font-size:.875rem}.tag-picker-full-width{width:100%!important}
